CSS似乎无法摆脱默认边框

Question

所以我有一个输入类型的文本字段，我喜欢它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;
}

Answer 1

你看到的是轮廓，而不是边框​​。

使用：

 outline:none;

Answer 2

希望这会对你有所帮助。

HTML：

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

CSS：

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

您也可以自定义课程。