整个页面具有一种图像原始颜色的样式

Question

我有一个网页，整个页面都是时尚的

<div class="w3-sand w3-grayscale w3-large">

如何使图像 xxx 显示原始颜色而不是 w3 灰度？

<img src="xxx">

Answer 1

我认为您是初学者：W3Schools有自己的样式表，让我解释一下你是w3-sand,w3-large,w3-greyscale课堂上的风格

.w3-sand, .w3-hover-sand:hover {
    color: #000!important;
    background-color: #fdf5e6!important;
}
.w3-large {
    font-size: 18px!important;
}
.w3-greyscale, .w3-grayscale {
    filter: grayscale(75%); /* this is the line of code applying the filter */
}

所以这些是那里提到的特定类的风格......要从greyscalse中删除图像，可以使用将其从父级中删除，也可以从parent div中删除greyscalse样式。因为它是将效果应用于子元素的人。因此，只需分解代码或从父元素中删除样式即可。