I have a situation where there are images with predefined style in the css like this:
<html>
<head>
<STYLE TYPE="text/css">
#content 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);
}
</STYLE>
</head>
<body bgcolor="#dddddd">
<div id="content">
<img src="image.gif" />
</div>
</body>
</html>
For most of the images inside the page it’s ok but in some cases I would like display images without the pre-defined style. Is it possible in some way? maybe with an inline style?
You could add a class to images that you do not want to have this style.
then offcourse your image would be
<img class="noshadow" src="image.gif" />