Skip to content

Commit 9eec76f

Browse files
committed
calm forms resets down
form elements get reset too hardcore so you end up having to rebuild from scratch. this keeps the essential styles at least, but still easy to customize if needed
1 parent a7b5790 commit 9eec76f

File tree

1 file changed

+10
-1
lines changed

1 file changed

+10
-1
lines changed

css/reset.css

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,21 @@
1010
*:where(:not(
1111
html,
1212
iframe, canvas,
13-
img, svg, video, audio
13+
img, svg, video, audio,
14+
input, textarea, select, button
1415
):not(svg *, symbol *)) {
1516
all: unset;
1617
display: revert;
1718
}
1819

20+
/* Reset form elements while keeping essential ui styles */
21+
:where(input, textarea, select, option, button, optgroup ) {
22+
all: revert;
23+
margin: unset;
24+
font: unset;
25+
appearance: auto;
26+
}
27+
1928
/* Reapply the pointer cursor for anchor tags */
2029
a, button {
2130
cursor: revert;

0 commit comments

Comments
 (0)