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?
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:
- Mozilla's default CSS
- WebKit's default CSS
- Opera's default CSS
- IE9's default CSS
The much simpler solution might be to just remove the reset styles.
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;
}