html - 是否可以使用 HTML/CSS 创建圆形文本框？

Question

所以我正在尝试创建一个带有圆 Angular 的文本框，但我不知道到底如何去做。我这里有目前为止我想要的 HTML 和 CSS，但我无法全神贯注于圆 Angular 。

HTML:

<form action="index.php">
       Textbox <input type="text"/> <br />
        </form>

目前，如果可能的话，我所需要的只是 CSS。这是我到目前为止所拥有的 CSS:

form {
height:50px; width:200px;
}

如果 CSS 不可能做到这一点，只需在评论中说明即可，如果不可能，请告诉我。谢谢

Answer 1

您可以尝试 border-radius，但请记住，它不适用于所有浏览器:

input[type="text"] {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

演示:http://jsbin.com/uduyew/1/edit