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;
|
||||
}
|
||||
|
||||
|
||||
/* 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 */
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
|
||||
Reference in New Issue
Block a user