html - 如何更改锥形小时的颜色？

Question

http://jsfiddle.net/ZMfBv/

hr {
border: 0;
border-color:blue;
background-color:blue;
color:blue;
height: 4px;
background:#fff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%,hsla(0,0%,0%,0)));
background: -webkit-linear-gradient(left, hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%);
background:    -moz-linear-gradient(left,  hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%);
background:     -ms-linear-gradient(left,  hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%);
background:      -o-linear-gradient(left,  hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%);
background:         linear-gradient(left,  hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%);
}

我想将 hr 的颜色更改为蓝色。很明显，颜色、背景颜色设置不起作用，我该怎么做？

Answer 1

更新:这是一个带有白色到灰色渐变 hr 的黑色背景

body {background-color: black;}


hr {
    height: 4px;
    border: 0;
    background: -webkit-linear-gradient(left, #f3ffff, #555555);
    background: -moz-linear-gradient(left,#f3ffff,  #555555);
    background: -o-linear-gradient(left, #f3ffff,  #555555);
    background: linear-gradient(left, #f3ffff,  #555555);
}