WebKit 中的 CSS：用“none”或等效项覆盖“-webkit-border-image”答案

【问题标题】：CSS in WebKit: Overriding '-webkit-border-image' with 'none' or equivalentWebKit 中的 CSS：用“none”或等效项覆盖“-webkit-border-image”
【发布时间】：2011-12-04 10:50:53
【问题描述】：

我有一个 CSS 样式，它为“a”标签设置了一个特定的“-webkit-border-image”属性（以允许将缩放图像用作周围框架）。

我的问题是如何建立一个单独的样式规则来覆盖它，这样就不会应用边框图像。我尝试了以下方法：

-webkit-border-image: none !important;

这似乎没有任何作用 - 至少在 Chrome Mac 15.0.874.83 beta 中。

我不能简单地禁用边框，或将边框宽度设置为零，因为这种特殊样式需要边框（使用单独的规则设置）。

任何提示将不胜感激。

注意事项： -webkit-border-image 形成围绕“a”元素的外边框。我只需要删除 -webkit-border-image，而不是整个边框。 'a' 元素还有一个样式规则：

边框：4px 实心 rgba(13,13,13,0.88);

我需要保留这个，所以我不能这样做：

边框：无

这里是an example。请注意，我也无法从元素中删除违规类 - 标记是固定的。

谢谢。

【问题讨论】：

按钮背景是指输入标签吗？您能否发布一个我们都可以访问的测试用例 HTML，以便我们获得更好的视图？谢谢。
您好，谢谢 - 我添加了更多注释。

标签： css webkit

【解决方案1】：

我查看了its W3school entry 以查看默认值是什么，它看起来像它：

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

我尝试了你的 jsfiddle 链接，当我在 mac safari 5.1 和 mac chrome 14.0 上按原样查看时，我没有看到任何边框图像

【讨论】：

谢谢，但正如问题中所解释的那样，我不能这样做。我需要有一个边框，它被定义为一个单独的规则。
我已经更新了 JSfiddle：jsfiddle.net/grw1/jtuUD/1 使用你的建议似乎在那里工作，所以我怀疑我有继承问题。非常感谢。
请注意，当我将 -webkit-border-image 设置为 none 时，它也可以正常工作。不过，我对您的 Mac Chrome 版本有点怀疑。真的是你说的5.0.8吗？似乎离我拥有的 14.0.835.202 很远。你可能有一段时间没更新了吧？
啊，不！我复制并粘贴了错误的版本 - 我正在运行 15.0.874.83 beta！我错过了领先的“1”。感谢您的帮助。