CSS: nuclear cursor fix using cursor:inherit on all elements
Adds `*, *::before, *::after { cursor: inherit }` after the html/body
cursor:default rules. This forces explicit inheritance at every element
level, which is the only reliable cross-browser fix (Chrome, Firefox,
Safari all differ in how cursor auto-resolution works on text content).
Restores cursor:pointer for links/buttons and cursor:text for inputs.
This commit is contained in:
@@ -18,6 +18,26 @@ body {
|
|||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Force cursor inheritance - guarantees arrow cursor cross-browser */
|
||||||
|
*, *::before, *::after {
|
||||||
|
cursor: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Restore pointer for interactive elements */
|
||||||
|
a, button, [role="button"], label, select,
|
||||||
|
input[type="submit"], input[type="button"], input[type="reset"],
|
||||||
|
input[type="checkbox"], input[type="radio"],
|
||||||
|
.btn, summary {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Restore text cursor for inputs */
|
||||||
|
input[type="text"], input[type="email"], input[type="search"],
|
||||||
|
input[type="password"], input[type="url"], input[type="tel"],
|
||||||
|
input[type="number"], textarea, [contenteditable="true"] {
|
||||||
|
cursor: text;
|
||||||
|
}
|
||||||
/* Utility Classes */
|
/* Utility Classes */
|
||||||
.container {
|
.container {
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
|
|||||||
20
assets/css/main.min.css
vendored
20
assets/css/main.min.css
vendored
@@ -18,6 +18,26 @@ body {
|
|||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Force cursor inheritance - guarantees arrow cursor cross-browser */
|
||||||
|
*, *::before, *::after {
|
||||||
|
cursor: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Restore pointer for interactive elements */
|
||||||
|
a, button, [role="button"], label, select,
|
||||||
|
input[type="submit"], input[type="button"], input[type="reset"],
|
||||||
|
input[type="checkbox"], input[type="radio"],
|
||||||
|
.btn, summary {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Restore text cursor for inputs */
|
||||||
|
input[type="text"], input[type="email"], input[type="search"],
|
||||||
|
input[type="password"], input[type="url"], input[type="tel"],
|
||||||
|
input[type="number"], textarea, [contenteditable="true"] {
|
||||||
|
cursor: text;
|
||||||
|
}
|
||||||
/* Utility Classes */
|
/* Utility Classes */
|
||||||
.container {
|
.container {
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
|
|||||||
Reference in New Issue
Block a user