How to set the height of an input text field in CSS

Question

Sorry for this question but I can t seem to find an answer anywhere  I have CSS code that should set the height of my text box  I am using VS2010 Express for Windows phone  coding in HTML CSS Javascript C    HTML   lt input class  heighttext  type  text  id  name  gt    CSS   heighttext    height 30px     I can set the height to anything I like  but the text box will stay the same  Please help  or at least send me a link that can

User · Answer

You should use font-size for controlling the height  it is widely supported amongst browsers  And in order to add spacing  you should use padding  Forexample    inputField    font-size  30px    padding-top  10px    padding-bottom  10px

User · Answer

Form controls are notoriously difficult to style cross-platform browser  Some browsers will honor a CSS height rule  some won t   You can try line-height  may need display block  or display inline-block   or top and bottom padding also  If none of those work  that s pretty much it - use a graphic  position the input in the center and set border none  so it looks like the form control is big but it actually isn t

User · Answer

You use this style code   heighttext   float right   height 30px   width 70px

User · Answer

Try with padding and line-height -   input type  text    padding  20px 10px  line-height  28px

User · Answer

Don t use height property in input field   Example    heighttext      display inline-block      padding 15px 10px      line-height 140       Always use padding and line-height css property  Its work perfect for all mobile device and all browser

User · Answer

The best way to do this is   input heighttext    padding  20px 10px    line-height  28px

[html] How to set the height of an input (text) field in CSS?

Examples related to html

Examples related to css

Examples related to textfield