I am using css to change the form options on my site, this is my code,

/* Form elements */
input.first, textarea.first, select.first {
border : 1px solid Black;
background-color : #CCCCCC;
color : #0E1930;
font-size : 12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
}

But my problem is that the text box created when i use

<INPUT class="first" TYPE=text name=q size=30 maxlength=255 value="">

is to short as in height.

How can i make the height bigger?

Thanks

/* Form elements */
input.first, textarea.first, select.first {
border : 1px solid Black;
background-color : #CCCCCC;
color : #0E1930;
font-size : 12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
height: 2em; /* replace 2em with your chosen value, in px or whatever */
}

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.