How to increase or decrease the height of an input textbox

Excuse me for a dumb question but is there any way to reduce the height of an input text box?

For instance, I would like to have the abiliy to increase or decrease the following line:

<TD><INPUT TYPE="TEXT" SIZE="5" NAME="OpenBal" VALUE=""></TD>

I can increase or decrease the default height

Any ideas?

Thanks in advance
simflexAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
js_vaughanConnect With a Mentor Commented:
You will need to use CSS.  You can also control the font-size as well using the em standard, or by pixels (px).  If you dont need to alter the font-size just remove that part from the code below.  Depending on your needs, here are 3 ways to impliment it:

This will change the size of ALL your input tags:
<style type="text/css">
<!--
    input{height:24px; font-size:1.2em;}
-->
</style>

Lets say you only want to do one box, and not all of them, replace the style with this:
<style type="text/css">
<!--
    input.largebox{height:24px; font-size:1.2em;}-->
</style>

And then add ...  class="largebox" ... to your input tage.

Those are the best two ways.  If you want "quick and dirty" then you can apply the stlye to the tag itself, like so:
<TD><INPUT TYPE="TEXT" SIZE="5" NAME="OpenBal" VALUE="" STYLE="height:24px; font-size:1.2em;"></TD>
0
 
Cyber-DrugsCommented:
Hi simflex,

You are after some CSS to achieve what you are after.


Try this:

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_21630573.html
0
 
simflexAuthor Commented:
thanks very much
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.