Save disabled CSS properties in Chrome Developer Tools -
when inspecting element using developer tools
in chrome have option disable style properties unchecking it.
once uncheck box (let's border: 1px solid
) border disappear , style property in editor appear strikethrough click on 'sources' tab save changes out of editor unchecked styles return. have once noticed when going on 'sources' tab save out changes, unchecked styles commented out allowing me save changes without manually removing code.
does know how save out unchecked (removed) styles?
update:
okay i've figured out. here's example:
this in devtools editor;
#content .text { display: block; font-weight: 700; margin: 0 0 8px; }
if uncheck of these styles, take effect in browser immediately, , hit source tab styles still there in stylesheet:
#content .text { display: block; font-weight: 700; margin: 0 0 8px; }
but, if make edit 1 of other properties, let's say, changing margin read 7px, whilst unchecking font-weight get:
#content .text { display: block; /* font-weight: 700; */ margin: 0 0 7px; }
finally unchecked style commented out in sources tab allowing me save removed style. wish work without having make additional edit it's going have now.
i having same problem unchecked styles. found easier way of saving unchecked styles. uncheck style, add temporary style rule , delete temporary style. chrome document changes , able save unchecked (commented out) style "save-as..." feature in "sources" tab.
this not ideal, saves hassle of unchecking , modifying style, doing "save-as..." , going , changing modified sytle way was.
i bring in chrome support forum.
Comments
Post a Comment