CODEWITHSUNDEEP
cssgoogle-chrome-devtools
Snowcrash
Snowcrash

Reputation: 86057

Chrome Web Developer tools - how do I edit the CSS for a greyed out attribute?

How do I edit the greyed-out attributes in this screenshot:

CSS attributes greyed out

Upvotes: 0

Views: 131

Answers (2)

maioman
maioman

Reputation: 18734

The greyed-out attributes are the ones your browser implicitly is calculating based on your property syntax,

referencing your example(if you want just padding-top) your syntax should be:

 padding: 10px 0 0 0;

Check this out.

Upvotes: 0

Paulie_D
Paulie_D

Reputation: 114979

Just over-ride them by adding the individual properties or changing the "shorthand" to something like padding: 10px 10px 0 0; The 'top' property is what is in the actual CSS file.

The greyed-out ones are showing you the individual sub-properties that the shorthand applies.

Upvotes: 2

Related Questions