Ввод верхнего и левого ввода текста неправильный

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);

Answer 2

border: 13px solid rgb(46,94,115); 

проще в одном ряду ... надеюсь, что это помогает

Answer 3

.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-style: solid;/* add this to your css options: dotted | solid | dashed */ 
    border-color: rgb(46,94,115); 
    float: left; 
    margin-left: 10px; 
    margin-top: 10px; 
} 

стенографии:

margin: 10px 0 0 10px; /*(top, right and left, bottom)*/ 
border:13px solid rgb(46,94,115); 

... вместо

margin-left: 10px; 
margin-top: 10px; 
margin-right: 0px; 
margin-bottom: 0px; 


border-width: 13px; 
border-style: solid;/* add this to your css options: dotted | solid | dashed */ 
border-color: rgb(46,94,115);