CODEWITHSUNDEEP
google-chrome-devtools
Roman Yakimovich
Roman Yakimovich

Reputation: 141

Is there a way to search/filter properties in Styles pane of Google Devtools?

On the Elements tab 'Find' functionality (cmd+F/ctrl+F) doesn't search through styles pane. Is there a way to type CSS property with HTML element selected and find it quickly in the Styles panel?

Upvotes: 14

Views: 2367

Answers (4)

Casebash
Casebash

Reputation: 118872

On the latest Chrome on Mac, I'm getting the filter at the top of the styles pane. I can't believe that I never noticed it given that I've needed it so many times!

enter image description here

Upvotes: 2

fomsn
fomsn

Reputation: 41

Try using CTRL+Shif+F on the Elements tab

Upvotes: 0

friendly_programmer
friendly_programmer

Reputation: 447

Bottom right corner, light gray text says "Find in styles". Click there and enter your search. enter image description here

Upvotes: 4

c69
c69

Reputation: 21517

Unfortunately, such functionality does not exist in current Chrome Dev Tools. But its present in Opera Dragonfly and its very handy, so, probably Chrome will copy it, eventually (but no such feature request exists in bug tracker now).

Upvotes: 2

Related Questions