I'm using the code below to create a search form for my blog.

Is there anything I can add to this to force an uppercase font when the user type their search word? I've tried text-transform: uppercase; but this didn't work.

<form id="searchthis" action="/search" style="DISPLAY: inline" method="get"><input id="search-box" style="BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid; FONT-SIZE: 9px; MARGIN: 0px 0px 0px 0px; COLOR: #333333; BORDER-LEFT: #555555 1px solid; ; BORDER-BOTTOM: #555555 1px solid; padding: 2px;" value="SEARCH" name="q" onclick="this.value=&quot;&quot;;" size="25" type="text/"/></form>

Thanks in advance.

Try

<form id="searchthis" action="/search" style="DISPLAY: inline" method="get"><input style="text-transform: 

uppercase; BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid; FONT-SIZE: 9px; MARGIN: 0px 0px 0px 

0px; COLOR: #333333; BORDER-LEFT: #555555 1px solid; ; BORDER-BOTTOM: #555555 1px solid; padding: 2px;" 

value="SEARCH" name="q" onclick="this.value=&quot;&quot;;" size="25" type="text/"/></form>

It should work. It works for me

Fantastic, konetch! That worked a treat. Thank you very much indeed.