Most of the developers might have faced this situation where they need to add !important while using css method in jQuery. Mostly we need to avoid using !important in our CSS style sheets but in some situations we are forced to use the same. For example: when we want to change the font-size of sub elements under a parent element because of some inheritance the font-size might not change, in these scenarios – most of the developers forcefully apply !important as a simple work-around.
If you want to add !important dynamically while using css method, then here is the way to do so.
1 | $("#addImportant").css("cssText","font-size:15 !important;"); |
When we add the above line into your page, it will render like below, assuming that it has been applied to a div of id named ‘addImportant’:
1 | <div id="addImportant" style="font-size:15px !important"></div> |
The above snippet has helped me in resolving one of the task which I need to complete, and hope this might help you some situation.
Related Entries...
This article will helps you to understand on how you can increase and decrease font-size of the conte ...
You might have come across weird situations where a long text inserted into a table cell or into a we ...
This is an awesome jQuery plugin like Jondesign's Smooth Slideshow v2.1, by looking at the jd's Smoot ...
'How to select elements which are having multiple classes using jQuery', this question has raised whe ...
Here is a simple snippet on adding a "div" to the body tag dynamically using JavaScript, after going ...
Below script will lets you to open Ext.Panel (that is Panel) onClick of an anchor link. Its really a ...
In the following article we can have a look at the ways of creating new files in Ruby programming lan ...
This article will help beginners, that is who are new to jQuery and want to learn some tricks about j ...
Many of us might have faced this issue especially in IE browsers, issue goes like this! when we apply ...
There might be some scenarios where we need to check whether a particular DIV is visible or not and i ...
4 Responses
Why would you need to add !important to an inline style. If you need !important rules on an inline style, your CSS is already probably pretty wacky.
[...] This post was mentioned on Twitter by bkmacdaddy designs, WPstudios. WPstudios said: RT @bkmacdaddy How to add !important when you are using #CSS method in #jQuery http://bit.ly/8ioWx9 [...]
Social comments and analytics for this post…
This post was mentioned on Twitter by allwebdesign: How to add !important when you are using css method in jQuery: Most of the developers might have faced this situat… http://bit.ly/6mlW4C...
[...] This post was mentioned on Twitter by Mike Lane, Mike Lane, Propeople, anthony cousins, jQuery Tips and others. jQuery Tips said: How to add !important when you are using CSS method in jQuery http://bit.ly/5bkL4j [...]