3

テキスト入力がありますが、上下の境界線の色が正しくありません。これはなぜですか?どうすれば修正できますか?

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;
}
4

3 に答える 3

4

が必要border-style: solidです。更新されたフィドルを参照してください。

省略形を使用する方がはるかに効率的です。border: 13px solid rgb(46,94,115);

于 2013-09-22T21:37:29.420 に答える
1 
border: 13px solid rgb(46,94,115);

1行で簡単に...お役に立てば幸いです

于 2013-09-22T21:39:58.720 に答える
0 
.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);
于 2013-09-22T21:46:14.073 に答える