Can we change the submit button look using css

pranith · 07-08-2005, 01:41 AM

hi,
I am writing a web page and In my web page the submit button is the only ugly thing can we change that button to something else using css or smthing else if yes plz tell me how thanks
bye
pranith

pranith · 07-08-2005, 02:13 AM

Ok I got one answer which is satisfactory using html itself using this tag
<input type="image" border="0" name="imageField" src="1_submit.gif" title="Click to login" />
thank neway
bye

keefaz · 07-08-2005, 03:54 AM

If you want to add an icon to a default submit button with css,
there is a solution but it seems that it works only on mozilla :

PHP Code:



<style> 
.icon { 
    background: transparent url('/path/to/icon.png') no-repeat 3px center; 
    padding-left: 18px; 
} 
</style> 
<input type="submit" class="icon" value="Click to login" />

(good with a 16x16 icon, else change the padding-left)
On other browsers, the style is ignored