diff options
author | Samuel Mannehed <samuel@cendio.se> | 2022-12-09 14:15:09 +0100 |
---|---|---|
committer | Samuel Mannehed <samuel@cendio.se> | 2022-12-12 14:50:14 +0100 |
commit | 80ea7e17ecafc2d484507ce912e8bec4a24644ee (patch) | |
tree | 8ca412c51d948ca4c183b906bd854759498d21be | |
parent | 564a89bcb96f1595730723f3e622f1e09a01d64e (diff) | |
download | novnc-80ea7e17ecafc2d484507ce912e8bec4a24644ee.tar.gz |
Add styling for radio buttons
One of the few remaining items we didn't have styling for.
-rw-r--r-- | app/styles/input.css | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/app/styles/input.css b/app/styles/input.css index d3e1216..be15110 100644 --- a/app/styles/input.css +++ b/app/styles/input.css @@ -115,6 +115,19 @@ input[type=checkbox]:checked::after { transform: rotate(40deg); } +input[type=radio] { + border-radius: 50%; + border: 1px solid dimgrey; + width: 12px; + height: 12px; + padding: 0; + margin-right: 6px; + transition: 0.2s border linear; +} +input[type=radio]:checked { + border: 6px solid rgb(110, 132, 163); +} + input[type=range] { appearance: none; border-radius: 3px; @@ -163,6 +176,7 @@ input[type=image]:focus-visible, input[type=month]:focus-visible, input[type=number]:focus-visible, input[type=password]:focus-visible, +input[type=radio]:focus-visible, input[type=range]:focus-visible, input[type=reset]:focus-visible, input[type=search]:focus-visible, @@ -190,6 +204,7 @@ input[type=image]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, +input[type=radio]:disabled, input[type=range]:disabled, input[type=reset]:disabled, input[type=search]:disabled, |