Skip to content

Instantly share code, notes, and snippets.

@jamesmoss
Created July 10, 2011 07:50
Show Gist options
  • Save jamesmoss/1074366 to your computer and use it in GitHub Desktop.
Save jamesmoss/1074366 to your computer and use it in GitHub Desktop.
Left side CSS inspector checkboxes in Chrome devtools
.styles-section:hover .properties .enabled-button {
visibility: visible !important;
}
.styles-section .properties li.disabled .enabled-button {
visibility: visible !important;
}
.styles-section .properties .enabled-button {
margin: 0 4px 0 0 !important;
display: block !important;
float: left !important;
visibility: hidden !important;
}
@adamdicarlo
Copy link

OK, this is awesome -- how do I get Chrome to use it?

The only way I can find so far is to invoke a meta-inspector (by clicking Inspect Element on the inspector itself) and add these rules there manually.

@adamdicarlo
Copy link

OK, I luckily (and accidentally) found the blog post this is from:
http://jamesmoss.co.uk/blog/checkboxes-in-chrome-devtools-css-inspector/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment