WebKit 中的 CSS：覆盖“-webkit-border-image”与“无”或同等水平
我有一个 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);
我需要保留这一点，所以我不能这样做：
边框：无
这是示例。请注意，我也无法从元素中删除有问题的类 - 标记是固定的。
谢谢。
I have a CSS style which sets up a particular '-webkit-border-image' property for an 'a' tag (to allow a scaling image to be used as a surrounding frame).
My question is how to establish a separate style rule which will override this so that no border image will be applied. I've tried the following:
-webkit-border-image: none !important;
That doesn't seem to do anything - at least in Chrome Mac 15.0.874.83 beta.
I can't simply disable the border, or set the border width to zero, since this particular style needs a border (which is set up using a separate rule).
Any hints would be appreciated.
Notes:
The -webkit-border-image forms an outer border around an 'a' element. I need to remove JUST the -webkit-border-image, not the whole border. The 'a' element also has a style rule of:
border: 4px solid rgba(13,13,13,0.88);
and I need to retain this, so I can't just do:
border: none
Here's an example. Note that I also can't remove the offending class from the element - the markup is fixed.
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我查看了 其 W3school 条目 以查看默认值是什么，它看起来像它：
我尝试了你的 jsfiddle 链接，当我在 mac safari 5.1 和 mac chrome 14.0 上查看时，我没有看到任何边框图像
I looked into its W3school entry to see what the default value is, it looks like its:
i tried your jsfiddle link and i dont see any border images when i view as is on mac safari 5.1 and mac chrome 14.0