2014-06-16 32 views
0

我有一些自定義CSS問題,我真的很感激一些反饋意見。按鈕上的自定義CSS <a>不起作用

這裏是鏈接到我遇到的問題: http://bookemcreative.com/testsite/regal-pocket-cards/

你會發現有「查看產品」按鈕/鏈接,這是我不希望下一個陰影。我試圖使用螢火蟲檢查器應用一些自定義CSS,但無法弄清楚我做錯了什麼。我仍然在學習CSS,所以會感謝任何反饋。這裏是我試過的CSS:

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

使用'文字陰影:none'。 – brbcoding

+0

您已經使用了螢火蟲,因此請查看創建此陰影的css類,以及停用此屬性時會發生什麼情況。 – alexdd55

+0

這看起來好像您在網站上解決了問題。不要忘記選擇一個正確的答案,以便將來可以幫助用戶。 –

回答

4

你試過

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

由於0px沒有一個值,text-shadow財產會好看,所以使用none代替0px,你可以看到完整的文檔text-shadowhere

+0

它的工作!謝謝。我沒有考慮使用「none」,因爲我在將文本陰影應用於某些按鈕時使用了px:1px 1px 1px#c72c34!important; – user3715275

2

改爲使用text-shadow: none更具體的規則(因爲最好避免不必要的使用!important

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

比規則更具體的您已經定義

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

0像素不是有效的值。

試試這個:

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