WebKit中的CSS：使用'none'或等效替換'-webkit-border-image'

我有一個CSS樣式，它爲'a'標籤設置特定的'-webkit-border-image'屬性要用作周圍框架的縮放圖像）。WebKit中的CSS：使用'none'或等效替換'-webkit-border-image'

我的問題是如何建立一個單獨的樣式規則，它將覆蓋此，以便不會應用邊框圖像。我已經試過如下：

-webkit-border-image: none !important;

似乎這並不做任何事情 - 至少在Chrome的Mac 15.0.874.83測試版。

我不能簡單地禁用邊框，或將邊框寬度設置爲零，因爲此特定樣式需要邊框（使用單獨的規則設置）。

任何提示將不勝感激。

備註： -webkit-border-image圍繞「a」元素形成一個外邊框。我需要刪除-webkit-border-image，而不是整個邊框。 'a'元素的樣式規則爲：

border：4px solid rgba（13,13,13,0.88）;

，我需要保留這一點，所以我不能只是做：

邊界：無

這裏的an example。請注意，我也不能從元素中刪除違規類 - 標記是固定的。

謝謝。

2011-10-10 grw

按鈕背景你是指輸入標籤？你能發佈一個我們都可以訪問的測試用例HTML嗎，這樣我們可以獲得更好的視圖嗎？謝謝。 – voldomazta

您好，謝謝 - 我添加了更多的筆記。 – grw

我也加了一個例子。 – grw

我看着its W3school entry看到的默認值是什麼，它看起來像它：

-webkit-border-image: none 100% 1 0 stretch;

我想你的jsfiddle鏈接，我沒有看到任何邊界的圖像時，我認爲因爲是在Mac上的Safari 5.1和mac chrome 14.0

2011-10-10 11:32:16 voldomazta

謝謝，但正如問題中所解釋的，我不能那樣做。我需要有一個邊界，它被定義爲一個單獨的規則。 – grw

我已更新JSfiddle： http://jsfiddle.net/grw1/jtuUD/1/ 使用您的建議似乎在那裏工作，所以我懷疑我有繼承問題。非常感謝。 – grw

請注意，當我剛剛將-webkit-border-image設置爲none時，它也正在工作。不過，我對你的Mac瀏覽器版本有點不滿。你說的真的是5.0.8嗎？似乎離我的14.0.835.202很遠。你可能有一段時間沒有更新過嗎？ – voldomazta

回答