Disable all CSS style sheets
Given that most modern pages define all styles in external CSS files which are included in the
<head>, removing the
head tag will effectively remove all the styles (except the explicit inline styles and those set by scripts). Right-click on a page, pick Inspect from the context menu and paste this into the Console tab:
And here is the bookmarklet version of the code above which can be pasted as the URL of a bookmark (toggle the bookmark bar in Chrome with ⌘+shift+b on Mac or ctrl+shift+b on Linux/Windows):
You can also type the code above directly into the address bar but read the note at the end of the answer before you do it..
<head> can also be done from the devtools Elements tab, by right-clicking the head tag and deleting it via the context menu:
A more frequent use case is to remove specific annoying things on a page, such as colors, margins, iframes, etc. In such a case, one of the following bookmarklets will provide more granular control.
Remove colors, backgrounds, margins, paddings, widths
Create a bookmark and add the following snippet as the URL:
Now you can click your bookmarklet to clean up the CSS style on the current page to something more readable.
Note: It is, in fact, possible for a page to have a
<style> block inside the
<body> tag - the HTML5 standard allows this and most browsers support it. So far this is not common practice, but as web frameworks evolve we might see more 'local style sheets' in the future web.
If you simply want to improve readability then disabling all CSS might not provide the best experience. For such cases the bookmarklets below might give better results:
Remove non-scrolling headers/footers (increases reading area)
Remove iframes (kills most banners, etc)
This will also kill most embedded videos, comment widgets, etc.
Remove all images (office mode browsing)
Note: this one needs to be used in combination with Remove iframes above, since most banner images are typically inside iframes and this bookmarklet only works with the top-level document.
The bookmarklets can also be used for sites which won't display content when ad blockers are used.
You can use the Bookmarklet Builder to unminify the code (the Format button), edit it to suit your needs, and minify it back (the Compress button) to something you can paste as the bookmark URL.
clean, and then run it by tapping the item in the bookmarks menu (for IOS safari) or typing
clean in the address bar and then tapping the corresponding bookmark in the autosuggest dropdown. This can improve readability for pages that have no reading mode.
NOTE: If you copy and paste the bookmarklets above directly into the address bar you'll notice that browsers remove the
If you are looking for a chrome extension then there is uMatrix where you can click the CSS column to disable all CSS and styles, and Web Developer where under the CSS tab you have an option Disable All Styles.