使用占位符的html5文本框上的圆角

嗨，我正在创建一个使用html5占位符的登录表单

<form name="login" id="LoginForm" action="#" method="post">
  <input type="text" placeholder="Username" name="username"/>
  <br/><br/>
  <input type="password" placeholder="Password" name="password"/>
  <br/><br/>
  <input type="submit" name="submit" value="Login"/>
</form>

---

我还使用了css3边界半径：6px；。然而，当我点击文本框时，即使角是圆形的，文本框周围的高光仍然有角。有人知道变通方法吗？

您可以隐藏

大纲

input {
    outline: 0;
}

---

然而，这是一个非常重要的辅助功能，因此在焦点上提供替代样式（例如，为其提供背景、更改文本颜色等）是一个很好的做法。

+1，请记住，色盲不能总是检测到某些颜色变化（例如：红色、绿色）、变亮和变暗（或加粗）如果你想让颜色有意义。谢谢你的努力。要替换它，我将尝试在用户单击它时创建边框