mirror of
https://github.com/kiddin9/op-packages.git
synced 2026-08-03 16:19:32 +08:00
66 lines
1.2 KiB
CSS
66 lines
1.2 KiB
CSS
/* Custom checkbox and radio styles for teleofis theme */
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 1px solid #ccc;
|
|
background: #fff;
|
|
position: relative;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
border-radius: 2px;
|
|
}
|
|
|
|
input[type="checkbox"]:checked {
|
|
background-color: #660000;
|
|
border-color: #660000;
|
|
}
|
|
|
|
input[type="checkbox"]:checked::before {
|
|
content: "✓";
|
|
position: absolute;
|
|
color: white;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
input[type="radio"] {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
input[type="radio"]:checked {
|
|
background-color: #660000;
|
|
border-color: #660000;
|
|
}
|
|
|
|
input[type="radio"]:checked::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: white;
|
|
border-radius: 50%;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
input[type="checkbox"]:hover,
|
|
input[type="radio"]:hover {
|
|
border-color: #660000;
|
|
}
|
|
|
|
input[type="checkbox"]:focus,
|
|
input[type="radio"]:focus {
|
|
outline: none;
|
|
box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.0);
|
|
}
|