3

だから私は1つの入力タイプのテキストフィールドを持って5px border-radiusいて、それが好きですが、デフォルトのハイライトの境界線である白を取り除くことができないようです。入力フィールドの端は少し丸いですが、デフォルトの境界線はまだ長方形です。どうすれば削除できますか？ありがとうございました。

<input type="text" name="username" id="usrinput" size="36" value="Username" style="color:rgba(102,102,102,0.3);font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-weight:600;" />

CSS：

#usrinput
{
    /*border:1px solid rgba(0,0,0,0.5);*/
    border:none;
    height:32px;
    border-radius:5px;
    outline:1px solid rgba(255,255,255,0.2);
    padding-left:10px;
    padding-right:10px;
}
4

2 に答える 2

5

境界線ではなく、輪郭が表示されています。

使用する：

 outline:none;
于 2012-10-31T17:29:55.007 に答える
0

これがお役に立てば幸いです。

HTML：

<input type="text" name="username" class="input" />

CSS：

.input{
    border:1px solid #000;
    width:200px;
    height:30px;
}

クラスをカスタマイズすることもできます。

于 2012-11-01T12:18:43.483 に答える