Form Style & Font Size

Hello,

I'm working on a form at the moment but I'm not happy with the size of the fields (vertically) and fonts within them. I would like something smaller. Can someone help or point me in the right direction?

Thanks!
Kirsty

 

Apply a class to the fields, like

.inputname {
height: 2em; /* px can also be used*/}

Hope it helps
Ash

 

You can also do something like:

input[type="text"] {
height: 20px;
}

Where "text" equals to whatever, can be submit or password, maybe some others as well.

 

Ok sorry, I'm hopeless with CSS. Where exactly would I put either of those bits of code? An example of the code I have on my page is below. Do I put what you've said into my stylesheet? How do I apply it to the code below?

<select name="Pickup Location">
<option value="ACTON" >ACTON (London)</option>
<option value="DERBY" >DERBY</option>
</select>

Thanks again! (Hopeless, I know. I keep meaning to learn all this but just no time!)

 

Make a stylesheet for it

 

<select class="yourclassincss" name="Pickup Location">
<option value="ACTON" >ACTON (London)</option>
<option value="DERBY" >DERBY</option>
</select>

It should work.

 

Ah ok, that makes sense. Thanks a million!

 

Sorry... if my class is called 'form' then what exactly do I type in my CSS file to reduce the size of the font/input boxes on my site in pixels?