整个页面的风格与一个图像原始颜色

Question

我有一个整个页面风格的网页

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

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

<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移除图片，您可以使用从父版本中移除图片，或者您可以从greyscalse移除parent div样式。因为它是对子元素应用效果的人。因此，只需分解代码或从父元素中删除样式。