html - 文本输入的上边框和左边框出现错误

Question

我有一个文本输入，但颜色不在顶部和左侧边框上，这是为什么，我该如何解决？

http://jsfiddle.net/9ehBs/

HTML

<input type="text" class="searchbox" />

CSS

.searchbox
{
    width: 200px;
    height: 30px;
    padding: 10px;
    font-size: 28px;
    font-weight: 900;
    font-family: Ebrima;
    color: rgb(54,54,54);
    border-width: 13px;
    border-color: rgb(46,94,115);
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

Answer 1

你需要border-style: solid。 See your updated fiddle.

使用 shorthand 会更有效率，即 border: 13px solid rgb(46,94,115);