如何为webkit浏览器设置边框颜色?

时间:2011-01-17 03:40:52

标签: css3

实际上是这段代码,

-webkit-gradient(线性,左上,左下,从(白)到(黑));

正在填充整个控件的颜色,如文本框或按钮。

但是我从这个网站获得的代码如下所示仅适用于边框。 这充满了我对mozilla的需求。如果我想在webkit中给渐变边框我应该使用什么?请帮助我..

-moz-border-top-colors:#7dbec5#e9ecec #eaecec#f1f2f2#f2f3f3#f7f8f8#f9f9f9 #fafafa; -moz-border-right-colors:#7dbec5#e9ecec #eaecec#f1f2f2#f2f3f3#f7f8f8#f9f9f9 #fafafa; -moz-border-left-colors:#7dbec5#e9ecec #eaecec#f1f2f2#f2f3f3#f7f8f8#f9f9f9 #fafafa; -moz-border-bottom-colors:#7dbec5#e9ecec #eaecec#f1f2f2#f2f3f3#f7f8f8#f9f9f9 #fafafa;

2 个答案:

答案 0 :(得分:3)

我在这里可以看到:http://help.dottoro.com/lclxpenm.php, 它是webkit浏览器没有类似的属性(你可以查看左边的列表)。 但您可以使用-webkit-box-shadow属性来执行此操作(http://help.dottoro.com/lceuwxiv.php#-webkit-box-shadow)。

以下是一个示例代码(适用于webkit浏览器): http://jsfiddle.net/fvXm7/

答案 1 :(得分:0)

边框图像的渐变目前在webkit中无法正常工作。正如您所注意到的那样,它们不会留在边框中,它们会溢出到填充和内容框中。