Question

我正试图通过以下方式更改woocommerce中的按钮颜色：

#top .button, #top .submitbutton {
text-shadow: none!important; 
color: white!important;
font-weight: bold; !important; 
background: -webkit-gradient(linear, left top, left bottom, from(#6FB56F),        to(#0D850D))!important;

它在chrome中工作正常但在ie11和firefox中不起作用。非常感谢所有答案

Answer 1

如果只有背景不起作用，则需要定义特定于Web浏览器的渐变：

即。举个例子：

#grad
{
  background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, blue); /* Standard syntax */
}

允许渐变在这些浏览器上运行。

请参阅here for details

Answer 2

执行渐变的正确方法是：

background-image: linear-gradient(to bottom, #5FB56F, #0D850D);

Answer 3

  background-image: -webkit-linear-gradient(); /* Chrome and Safari */
  background-image:    -moz-linear-gradient(); /* Old Firefox (3.6 to 15) */
  background-image:     -ms-linear-gradient(); /* Pre-releases of IE 10 */
  background-image:      -o-linear-gradient(); /* Old Opera (11.1 to 12.0) */ 
  background-image:         linear-gradient(); /* Standard syntax; Works best if last */

Answer 4

-webkit仅适用于Safari / Chrome / Opera 适用于Firefox，使用-moz，IE9使用-ms。

为什么这个css在firefox和ie11中不起作用？

4 个答案: