Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Webkit CSS Reset?

Tags:

css

webkit

I know there's a few CSS Reset tools out there, Eric's and Yahoo's to name 2.
However, when I'm using certain tags (I think they're called tags?) such as "li" and "ul", I get some extras in the User Agent Stylesheet. Some of these are:

-webkit-margin-before: 1em;   -webkit-margin-after: 1em;   -webkit-margin-start: 0px;   -webkit-margin-end: 0px;   -webkit-padding-start: 40px;   

I'm wondering if there's a reset stylesheet out there that deals -webkit etc?
I have searched for one, but with now luck.

like image 827
Joseph Duffy Avatar asked Mar 13 '11 16:03

Joseph Duffy


People also ask

Is CSS Reset good?

Resetting your CSS to baseline property values is useful for gaining control, predictability, and uniformity with regards to how browsers render your HTML elements.

Should I use CSS Reset or normalize?

If you want all the styles, including margin and padding reset across all browsers, use reset. css. Then apply all decorations and stylings yourself. If you simply like the built-in stylings but want more cross-browser synchronicity i.e. normalizations then use normalize.

Why would you use a CSS Reset?

A CSS Reset file circumvents inconsistencies across different browsers when developing websites. All browsers have default rules with properties and values applied to all pages before loading files. Due to the cascading nature of CSS, any styles the browser uses will remain unless explicitly overridden.


2 Answers

While these styles are applied by Webkit, they are over-ruled by margin: 0; padding: 0; located in the CSS resets. You don't have to worry about them.

Note: Although Chrome (Version 27.0.1453.116 m) Developer Tools does not display the user agent styles with strikethrough, the computed styles do reflect that explicit margin and padding values override.

like image 197
Andrew Moore Avatar answered Sep 17 '22 14:09

Andrew Moore


Acctually if you are working with <ul> in your markup the reset margin: 0, padding: 0; do not overwrite the -webkit-padding-start: 40px;

I solved the problem by adding to my reset file a

ul {     -webkit-padding-start: 0px; } 
like image 30
PavlosVos Avatar answered Sep 18 '22 14:09

PavlosVos