CSS似乎无法去除默认边框

Question

我有一个文本输入框，它的样式设置了5像素的边框半径，但是无法去掉默认的高亮白色边框。即使输入框周围有一些圆角，但默认边框仍然是矩形的，你有什么办法可以去掉它吗？谢谢。

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

- southpaw93

---

你能分享一下你的代码吗？ - caitriona

请向我们展示完整的源代码（CSS和HTML），以便我们帮助诊断问题。 - scunliffe

我已经进行了编辑，这是源代码。 - southpaw93

哦，我看到错误了，是因为轮廓线的问题，谢谢你的帮助 :) - southpaw93

Answer 1

您所看到的是轮廓线而不是边框。

使用：

 outline:none;

- Diodeus - James MacFarlane

Answer 2

希望这能对你有所帮助。

HTML：

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

CSS：

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

你也可以自定义这个类。

- Sandeep Pattanaik