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

html css textfield
Arrie picture Arrie · Oct 15, 2012 · Viewed 130.9k times · Source

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

<input class="heighttext" type="text" id="name">

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!

Answer

Dipak picture Dipak · Oct 15, 2012

Try with padding and line-height - 

input[type="text"]{ padding: 20px 10px; line-height: 28px; }

Related questions

Customizing Increment Arrows on Input of Type Number Using CSS

I have an input of type number that is rendered using the following code: <input class="quantity" id="id_form-0-quantity" min="0" name="form-0-quantity" value="1" type="number"> It looks like this: I would like to turn it …

Read More
How can I change the length of a text_field in rails?

So I have this text field <%= f.text_field :body, placeholder: "Make an offer ", :maxlength=>"254" %> right now it takes up 100% of the width of the box it is in. I want it to take up like 95%. So …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More