按钮<a> not working</a>上的自定义CSS

Question

我有一些自定义css问题，我真的很感激一些反馈。

以下是我遇到此问题的链接： http://bookemcreative.com/testsite/regal-pocket-cards/

您会注意到“查看产品”按钮/链接下面有一个阴影，我不想要。我曾尝试使用firebug检查器对此应用一些自定义css，但无法弄清楚我做错了什么。我还在学习CSS，所以感谢任何反馈。这是我试过的CSS：

a.button.product_type_grouped {
text-shadow: 0px !important;
}

Answer 1

你试过吗

a.button.product_type_grouped {
   text-shadow:none !important;
}

由于0px不是text-shadow属性所需的值，因此请使用none代替0px，您可以查看text-shadow的完整文档here

Answer 2

使用更具体的规则代替text-shadow: none（因为最好避免不必要地使用!important）

#wrapper .button.product_type_grouped  {
   text-shadow: none
}

比您之前定义的规则更具体

#wrapper .button {
    text-shadow: 1px 1px 1px #c72c34;
}

Answer 3

0px不是有效值。

试试这个：

    a.button.product_type_grouped {
        text-shadow: none !important;
    }