输入文本顶部和左边框有不同的边框颜色

Heyy那里，我有这个文本字段我想它有一个简单的边界，但左侧和顶部边框有不同（较暗）的颜色比一个我分配给他们。我一直在CSS文件中尝试了很多不同的属性。输入文本顶部和左边框有不同的边框颜色

这是图像 enter image description here

这是我的CSS：

div#search_area input[type=text]{ 
    width: 179px; 
    height: 23px; 
    background: -webkit-gradient(linear, left top, left bottom, from (#ffffff), to (#f5f5f5)); 
    background: -webkit-linear-gradient(top, #ffffff, #f5f5f5); 
    background: -moz-linear-gradient(top, #ffffff, #f5f5f5); 
    background: -ms-linear-gradient(top, #ffffff, #f5f5f5); 
    background: -o-linear-gradient(top, #ffffff, #f5f5f5); 
    outline: 0; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    border-width: 1px; 
    border-color: rgb(228,229,228); 
    color: rgb(120,123,122); 
    font-size: 13px; 
    font-family: Arial, serif; 
    text-decoration: none; 
    vertical-align: middle; 
    padding: 0px 0px 0px 0px; 
}

来源

2013-11-27 mikkuslice

，您还需要添加

border-style: solid;

或虚线，或点缀，哪一个你想要

来源

2013-11-27 22:04:44 CRABOLO

非常感谢它的工作 – mikkuslice

我告诉任择议定书改变他接受的答案给你，因为你打我，但以防万一没有，有一个+1。 –

这是因为你的border-style是最有可能设置为inset。如果将其更改为不同的风格，也不会创造“3D”效果，是造成两种不同的颜色。看到这里的更多细节border-stylehttps://developer.mozilla.org/en-US/docs/Web/CSS/border-style

来源

2013-11-27 22:06:02

是帮助了很多的感谢！ :) – mikkuslice

没问题！你或许应该接受来自@codehorse答案虽然，因为他几乎说我做同样的事情，但一分钟打我给它。 –

输入文本顶部和左边框有不同的边框颜色

回答

相关问题