问题描述
我有以下类定义:
height: 99px;
width: 961px;
padding-top: 40px;
font-size: 15px;
color: rgb(255, 255, 255);
background: no-repeat url(data:image/png;base64,h64GFj4fhffGFHJJ74fhf);
但是，该网站的javascript(我无法影响)在后台添加了 linear-gradient 属性:
However, the site's javascript (which I can't influence) is adding a linear-gradient property to the background:
height: 99px;
width: 961px;
padding-top: 40px;
font-size: 15px;
color: rgb(255, 255, 255);
background: linear-gradient(rgba(0, 153, 204, 0.701961) 0%, rgba(0, 153, 204, 0.701961) 100%) no-repeat, url(data:image/png;base64,h64GFj4fhffGFHJJ74fhf);
现在，没有javascript，只能通过CSS，如何覆盖属性，例如:无效其效果?
Now, without javascript, only through CSS, how can I override property, as in: nullify its effect?
我用Google搜索它，发现在原始类定义中添加了 filter:none！important; ，但这是行不通的.其他建议包括添加 background-image:none ，但我想保留背景图像.
I googled it and what I found is adding filter: none !important; to my original class definition, but that doesn't work.Other suggestions include adding background-image: none, but I want to keep my background image.
推荐答案
您可以尝试在CSS工作表中添加以下两行:
You may try to add these two lines in the css sheet:
background: none !important;
background: no-repeat url(data:image/png;base64,h64GFj4fhffGFHJJ74fhf) !important;
丑陋，但我认为它可能有效
Ugly but I think it may work
这篇关于覆盖线性渐变CSS属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！