Blogroll
Search

Change style of submit button in html/CSS

By admin | March 22, 2008

It is very common practice for webmasters to change default style of submit button in html forms. It is easy to change default background image of button in firefox using CSS and it is equally easy in case of internet explorer but a bit tricky.

Here is the code to change style of button including background image with multi browser compatibility.

. submit-button {

background-color:transparent;

background-image:url(images/button.gif);

border:1px solid #CCCCCC;

font:14px Arial, Helvetica, sans-serif;

color:#FF3333;

width:100px;

height:30px;

}

background-color:transparent is required to show background image in case of internet explorer, it is not required in case of firefox.

Topics: CSS, Html |

2 Responses to “Change style of submit button in html/CSS”

  1. Crusader Extreme Says:
    March 25th, 2008 at 6:20 pm

    great tips i will use some of them

  2. SHX Says:
    March 25th, 2008 at 7:37 pm

    very useful information :)

Comments