Change in standard HTML elements
Very often, the design Department requests to make custom
input elements. A lot of options, I made some non-standard, because they are without images and with interesting effects.
Almost all the examples are written using the technology of the anchor tag
input using standard HTML (supported since IE7). Yes, there is a feature and this is the purpose of the same
id tag for
label. But usually it does not cause problems.
First I decided to show how you can make custom
checkbox, which will normally be displayed even in IE9 (but not lower, as IE versions do not support rounded corners
The "tick" is made using two pseudo-elements
:after. Each element has its rounded side.