Question

悬停时我有一个带有这些样式的按钮：

      a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover {
text-decoration: none;
background-color: #ff5911;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5911), to(#ee3700));
/* Saf4+, Chrome */

background-image: -webkit-linear-gradient(top, #ff5911, #ee3700);
/* Chrome 10+, Saf5.1+, iOS 5+ */

background-image: -moz-linear-gradient(top, #ff5911, #ee3700);
/* FF3.6+ */

background-image: -ms-linear-gradient(top, #ff5911, #ee3700);
/* IE10 */

background-image: -o-linear-gradient(top, #ff5911, #ee3700);
/* Opera 11.10+ */

background-image: linear-gradient(to bottom, #ff5911, #ee3700);
}

当我在Wordpress中使用子主题时，我不能只删除代码，我需要覆盖它。

我尝试过：

   background-image: none;
   background-color:transparent;

我尝试将所有背景图片标签更改为（底部，透明，透明）;

Answer 1

您可以在自己的风格上使用!important标志。这应该覆盖在其他任何地方放置在元素上的任何其他样式。

background-image: none !important;

Here's一个参考，显示了CSS估值背后的一些规则 - 它变得非常棘手。通常不建议使用!important标志，但有时您只需要这样做。

从Wordpress中的按钮中删除样式

1 个答案: