WP-Mix

A fresh mix of code snippets and tutorials

Override inline CSS styles

Quick tip for overriding inline CSS styles from within your stylesheet.

If you’ve got some tag with style="whatever:value;" stuck in it, you can override the inline style(s) from within a stylesheet. Here is the general code:

element[style]{ 
	some: property !important;
}

So for example, if we have this inline style in the markup:

<img src="example.png" style="border: 1px solid gold;" />

We can override it via the stylesheet with this:

img[style]{
	border: 0 !important; 
}

★ Pro Tip:

Digging Into WordPressGA Pro

WordPress Resources

[ USP Pro - User Submitted Posts ] [ Banhammer Pro: Hammer the Enemy ] [ WordPress Themes In Depth ] [ GA Pro: WordPress + Google Analytics ] [ Wizard’s Collection: SQL Recipes for WordPress ] [ The Tao of WordPress ]

Subscribe to WP-Mix

Project Demos

Popular Posts

Recent Posts

Random Posts

RSS Feed

Grab the RSS Feed ›

1453 readers
Feed Statistics
About the Author

Jeff Starr is a professional developer, designer, author, and publisher with over 15 years of experience. He writes books and tutorials, develops plugins, and runs his own business.

About the Site

WP-Mix is where I share code snippets, tricks, and tips. WP-Mix was launched in October 2012, and now features 414 posts. You can check out the latest post published on Aug 29, 2024. Learn more ›

Contact

A few ways to connect:

© 2012–2024 Monzilla Media ★ shapeSpace ★ Sitemap ★ Feed ★ Privacy ★ Made in the USA