html - Overriding pre-defined CSS style -
I have a situation where CSS has images with predefined style:
& Lt; Html & gt; & Lt; Top & gt; & Lt; STYLE TYPE = "text / css" & gt; #image img {-moz-box-shadow: 2px 2px 2px rgba (0,0,0,0.2); -WebKit-box-shadow: 2px 2px 2px RGBA (0,0,0,0.2); -Box-shadow: 2px 2px 2px RGBA (0,0,0,0.2); } & Lt; / STYLE & gt; & Lt; / Head & gt; & Lt; Body bgcolor = "# dddddd" & gt; & Lt; Div id = "content" & gt; & Lt; Img src = "image.gif" /> & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; This is fine for most images inside the page, but in some cases I would like to display images without pre-defined style. Is it possible in some way? Maybe with an inline style?
You can add a class to the images you do not want to style.
#content img.noshadow {-moz-box-shadow: 0; -WebKit-Box-Shadow: 0; Box-Shadow: 0; } Then your image will be affected & lt; Img class = "noshadow" src = "image.gif" /> gt;
Comments
Post a Comment