Can input change css style?

Input can change the css style. The method of modifying the css style is: 1. Use pseudo-class elements to change the radio style; 2. Use the label to point to the input and change the label style to achieve the effect.

The operating environment of this tutorial: Dell G3 computer, Windows 7 system, HTML5&&CSS3 version.

Recommended: "css video tutorial"

How to change the default css style of the input box:

1: Use pseudo-class elements to change the radio style (this method does not require adding additional labels, it is more convenient)

　　.div input[type=radio]::after { 　　　　position: absolute; 　　　　width: 25px; 　　　　height: 25px; 　　　　background: url(../img/inputBG.jpg) no-repeat; 　　　　background-size: 100% 100%; 　　}

2: Use label to point to input, and achieve the effect by changing the label style

The above is the detailed content of Can input change css style?. For more information, please follow other related articles on the PHP Chinese website!