WebKit中的CSS:使用'none'或等效的覆盖'-webkit-border-image'

时间:2011-10-10 11:22:52

标签: css webkit

我有一个CSS样式,为'a'标签设置一个特定的'-webkit-border-image'属性(允许缩放图像用作周围帧)。

我的问题是如何建立一个单独的样式规则,它将覆盖它,以便不会应用任何边框图像。我尝试了以下内容:

-webkit-border-image: none !important;

这似乎没有做任何事情 - 至少在Chrome Mac 15.0.874.83 beta。

我不能简单地禁用边框,或将边框宽度设置为零,因为此特定样式需要边框(使用单独的规则设置)。

任何提示都将不胜感激。

注意: -webkit-border-image形成围绕'a'元素的外边框。我需要删除JUST -webkit-border-image,而不是整个边框。 'a'元素也有一个样式规则:

  

border:4px solid rgba(13,13,13,0.88);

我需要保留这个,所以我不能这样做:

  

border:none

这是an example。请注意,我也无法从元素中删除违规类 - 标记已修复。

感谢。

1 个答案:

答案 0 :(得分:0)

我查看its W3school entry以查看默认值是什么,它看起来像是:

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

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