Override reset.css with browser defaults

Question

I know this might sound like a strange question but I actually need to override a CSS reset file with the browser defaults (so the other way around than normal).

So when my reset.css states

li{
   padding: 0;
}

I want to override that with the browser defaults.
Setting

li{
   padding: auto !important;
}

doesn't work though.

Is there a way to do this?

Browsers have different defaults - which one in particular are you targeting? — boz, Nov 07 '12 at 15:03

score 1 · Accepted Answer · edited Aug 17 '16 at 14:30

1

The default stylesheets are different from browser to browser and from version to version. You can apply the browser's default stylesheet by using the respective CSS files:

The much simpler solution might be to just remove the reset styles.

edited Aug 17 '16 at 14:30

TylerH

20,799
66
75
101

answered Nov 07 '12 at 15:03

Dennis Traub

50,557
7
93
108

I cannot remove the reset.css but your links are very helpful! – Horen Nov 07 '12 at 15:17

score 1 · Answer 2 · answered Aug 17 '16 at 14:04

1

You can look up individual properties and set those as needed. This is very common in CSS but you might also use the "initial" value to do the same thing implicitly and with less effort.

For example,

h1 {
    color: initial; 
}

answered Aug 17 '16 at 14:04

Captain Obvious

11
2

Override reset.css with browser defaults

2 Answers2

Linked