How to modify css input style

How to modify the css input style: 1. Use pseudo-class elements to change the radio style; 2. Use label to point to the input, and then change the label style to achieve the effect.

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

css changes the input box style

Currently bloggers only know two methods. If any students have other methods, please discuss them

One: Use pseudo-class elements to change the radio style (this method does not require adding additional labels, which 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 the label to point to the input and achieve the effect by changing the label style

[Recommended learning :css video tutorial】

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