How to Set the Font Face in Form Text Boxes?

Hi, how do I set the font face used when people input text into the search field in this code?

<form id="searchform" method="get" action="<?php bloginfo('url'); ?>/index.php">
<span>
<input type="text" name="s" size="28" />
<input type="submit" value="Search" />
</span>
</form>

Thanks in advance!

 

It's easy if u do like this and make it unique:

<input type="text" name="s" id="s" size="28" />
<input type="submit" id="searchsubmit" name="searchsubmit" value="Search" />

You can style it in css:

#s {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

or #searchsubmit

 

Perfect. Thanks

 

i don't think that's a good idea... if you define it as a div id, it would mean that you only have 1 such instance per page.

i'd go with a class instead:

<input type="text" name="s" id="s" size="28" />
<input type="submit" class="searchsubmit" name="searchsubmit" value="Search" />

.s { 
      font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;  
}

Code (markup):

 

Good technique... help make my site looks COOL... COOLER.. COOLEST.