Add a separate style to radio buttons so they don't look like checkboxes

This commit is contained in:
Maxim Leshchenko 2021-11-23 00:38:32 +02:00
parent e43637eb40
commit d782dd055a
No known key found for this signature in database
GPG key ID: BB9C44A8733FBEEE
2 changed files with 8 additions and 1 deletions

View file

@ -364,7 +364,6 @@ input[class=button] {
}
input[type=checkbox], input[type=radio] {
background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw==");
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
@ -377,6 +376,14 @@ input[type=checkbox], input[type=radio] {
margin: 4px 3px 3px 3px;
}
input[type=checkbox] {
background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw==");
}
input[type=radio] {
background-image: url("../img/radio.png");
}
input[type=checkbox]:hover, input[type=radio]:hover {
background-position: 0 -28px;
}

BIN
Web/static/img/radio.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB