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

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -