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

Question

嘿嘿， 我有这个文本字段，我希望它有一个更简单的边框，但左边框和上边框的颜色与我分配给它们的颜色不同(更深)。我一直在我的 CSS 文件中尝试很多不同的属性。

这是图像

这是我的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;
}

Answer 1

你还需要添加

border-style: solid;

或虚线或点线，随心所欲