CSS - Exact same height and alignment of text and input text box in major browsers
This is the story about long time testing behaviour of this feature for Firefox, IE9, Chrome, Opera and Safari. My goal was to have pretty labelled text input fields on the web site, which are connected together to one visual compact object. Finally I was successful but not for 100%. There is still browser reaction to different fonts, font-size and browsers. But anyway, there are results with different fonts here: As you can see, there was a goal to keep element compact in different themes, which I have in my application. May goal was also to have independent <input type="text"> element, so wished behaviour was to make automatically compacted label and text element when the label exists. If label does not exist I wanted to have same input-text , but without joining to the text ( second text-item row in result ). Finally result does not work for 100% in all browsers and themes, it needs short "trimming" of the vertical p...