Third attempt of fixing radio and checkbox styling
This commit is contained in:
parent
24e5350ba0
commit
28f482f728
|
@ -5,7 +5,7 @@ form{
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
input:not(input[type="radio"], input[type="checkbox"]), button, textarea, select, .button{
|
input, button, textarea, select, .button{
|
||||||
/* We don't want the stupid browser appearance */
|
/* We don't want the stupid browser appearance */
|
||||||
appearance: none;
|
appearance: none;
|
||||||
|
|
||||||
|
@ -30,6 +30,12 @@ input:not(input[type="radio"], input[type="checkbox"]), button, textarea, select
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type="radio"], input[type="checkbox"]{
|
||||||
|
appearance: auto;
|
||||||
|
width: unset;
|
||||||
|
margin: unset;
|
||||||
|
}
|
||||||
|
|
||||||
/* If it is a button */
|
/* If it is a button */
|
||||||
button, input[type='submit'], input[type='button'], .button{
|
button, input[type='submit'], input[type='button'], .button{
|
||||||
/* Align text in the center */
|
/* Align text in the center */
|
||||||
|
|
Loading…
Reference in New Issue