CSS sets the input style in a unified manner (differentiated from the input type)

1. Use CSS expression to determine the expression

2. Use the type selector in CSS

3. implemented using JavaScript scripts

4. If you use Microsoft Visual Studio 2005 or later, congratulations, you can also use skin.

The following describes the detailed implementation of each method and their advantages and disadvantages.

1: Use the CSS expression to determine the expression

ImplementationCodeRefer:

 
Input {background-color: expression (this. type = "text "? '# Ffc ':'');}
 

 
Another
 

 input [type = "text"] {background-color: # FFC;} input [type = "password"] {background-image: url(bg.gif );} input [type = "Submit"] {background-color: Blue; color: White;} input [type = "reset"] {background-color: Navy; color: White ;} input [type = "radio"] {/* in FF, some radio style like background-color not been supported */margin: 10px ;} input [type = "checkbox"] {/* in FF, some checkbox style like background-color not been supported */margin: 10px ;} input [type = "button"] {background-color: lightblue ;}