Css-原始样式表与自定义样式表-覆盖样式的正确方法

ovfsdjhp  于 2022-10-04  发布在  WordPress
关注(0)|答案(1)|浏览(163)

我使用的是WordPress主题,它使用自己的按钮样式。以下几行是css的一部分:

.button {
   background: #333 !important;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#222))  !important;
   background: -moz-linear-gradient(0% 0% 270deg,#333, #222) !important;
}

我正在使用我自己的自定义样式表,我想覆盖这些样式,但我所需要做的就是更改背景颜色并删除渐变。

如果我只在样式表中保持线条更改背景颜色,如下所示:

.button {
   background: #353535 !important;
}

那么渐变仍然显示,因为它在原始样式表中。

如果我将渐变线设置为background: none;,那么它将影响我更改颜色的第一条线,因此不会显示任何内容。

所以我改成了这样做:

.button {
    background: #353535 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#), to(#))  !important;
    background: -moz-linear-gradient(0% 0% 270deg,#, #) !important;
}

我去掉了渐变颜色。

它是有效的,但这可能不是实现这一点的方法。

有没有一种合适的方法来删除定制的css样式表中的渐变样式??

vqlkdk9b

vqlkdk9b1#

在HTML/CSS透视图中:渐变不是颜色,而是图像。

因此,只需删除背景图像即可。

background-image: none;

相关问题