Style checkbox and more

1 files changed, 25 insertions, 1 deletions

diff --git a/css/desktop/checkbox.css b/css/desktop/checkbox.css
index 5de1d8c..5ad0cbb 100755
--- a/css/desktop/checkbox.css
+++ b/css/desktop/checkbox.css
@@ -17,6 +17,30 @@
  */
 
 .checkbox {
+    appearance: none;
+    -webkit-appearance: none;
     margin: 0;
-    accent-color: #12A3EB;
+    padding: 0;
+    width: 14px;
+    height: 14px;
+    font-size: 12px;
+    line-height: 12px;
+    text-align: center;
+    color: white;
+    background-color: white;
+    border: 1px solid #98A5B0;
+    border-radius: 3px;
+}
+
+.checkbox:focus {
+    outline: none;
+    border: 1px solid #98A5B0;
+}
+
+.checkbox:checked {
+    background-color: #12A3EB;
+}
+
+.checkbox:checked::before {
+    content: "\2713";
 }