This time I will bring you the styles of optimizing radio buttons and check boxes. What are theprecautions for optimizing the styles of radio buttons and check boxes? The following are Let’s take a look at practical cases.1. Background image
html
.cart-checkbox.checked { background-position: -29px 0; } .c-checkbox { display: block; width: 25px; height: 25px; margin: 0 auto; background: url(/shop-cart.png) no-repeat 0 0; background-size: 60px 120px; }
Unpopular CSS properties you don’t know
What are href, src, link and @import? the difference
The above is the detailed content of Optimize the styles of radio buttons and check boxes. For more information, please follow other related articles on the PHP Chinese website!