html - css works on input text not text area -
This is a jsfiddle
When I set up the CSS, I Did this:
. Input form [type = "text"]. Inputform input [type = "email"], .inputform textarea,. Choose inputform {limit: none; Color: # 525252; Height: 30px; Line-height: 15px; Margin-down: 10px; Margin-right: 6px; Margin-top: 2px; Profile: 0 no; Padding: 2px 0px 2px 5px; Width: 400px; Boundary-radius: 2px; -Vibit-boundary-radius: 2px; -max-boundary-radius: 2px; -MOZ-BOX-SHADOW: Inset 0 1px 1px RGBA (0, 0, 0, 0.075); Background: #DFDFDF; Font-family: heirs; Font size: heir; } So you can see that CSS shows can be applied to both input text and text fields, but for some reasons, the label goes below the text field and the text Holder is not kept inside the area
Please -
1- Why is this happening?
2- How to solve it
Many thanks
You have to use it:
textarea {vertical-row: top; }
The vertical-aligned CSS property specifies the vertical alignment of an inline or table-cell element.
Comments
Post a Comment