css radio button color

Solutions on MaxInterview for css radio button color by the best coders in the world

showing results for - "css radio button color"
Albane
06 Nov 2016
1/*gives the radio button white outer ring*/ 
2input[type='radio']:after {
3        width: 15px;
4        height: 15px;
5        border-radius: 15px;
6        top: -2px;
7        left: -1px;
8        position: relative;
9        background-color: #d1d3d1;
10        content: '';
11        display: inline-block;
12        visibility: visible;
13        border: 2px solid white;
14    }
15
16/*gives radio button orange fill when clicked*/
17    input[type='radio']:checked:after {
18        width: 15px;
19        height: 15px;
20        border-radius: 15px;
21        top: -2px;
22        left: -1px;
23        position: relative;
24        background-color: #ffa500;
25        content: '';
26        display: inline-block;
27        visibility: visible;
28        border: 2px solid white;
29    }