input styling

HectorVilas · Jan 7, 2023 · 58831a9 · 58831a9
1 parent 7d23467
commit 58831a9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/modules/ui.js b/src/modules/ui.js
@@ -194,6 +194,7 @@ export const ui = (() => {
     editDateDue.type = "date";
     editDateDue.classList.add("date-due", "edit-date-due");
     editDateDue.value = todo.dateDue;
+    editDateDue.title = "Due date";
     editDateDue.addEventListener("input", editField);
 
     const checks = document.createElement("ul");

diff --git a/src/style.css b/src/style.css
@@ -33,7 +33,14 @@ input[type="text"], input[type="date"] {
 }
 * {font-family: 'Times New Roman', Times, serif;}
 
-
+input::selection {
+  color: white;
+  background-color: hsl(240, 80%, 70%);
+}
+input:not([type="checkbox"]):focus {
+  outline: 4px solid rgba(46, 16, 192, .25);
+  transition: 0ms;
+}
 
 /* menu */