如何使用css创建圆形文本输入字段？
感谢
答案 0 :(得分：5)
使用CSS3：
/* css 3 */
border-radius:5px;
/* mozilla */
-moz-border-radius:5px;
/* webkit */
-webkit-border-radius:5px;
答案 1 :(得分：0)
答案 2 :(得分：0)
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
在较旧的时候，你需要使用像jquery这样的JS与rounded corners插件或Ruzee
答案 3 :(得分：0)
也许你可以从输入字段中删除轮廓然后用jQuery将它们放在一个弯曲的框中......
答案 4 :(得分：0)
两个答案都是正确的，您可以使用CSS3样式（当前IE不支持），也可以使用http://www.malsup.com/jquery/corner/等javascript包。
然而，还有另一种选择，即使它不完全理想，也不应该被丢弃。如果您的输入具有固定长度，您还可以将输入所需的任何背景（包括边框）绘制到图像中并使用
background: transparent url(pathToYourImage.png);
border: none;
这有利于您可以想到的几乎所有浏览器。
答案 5 :(得分：0)
^最后一个将适用于所有浏览器。 但是有些浏览器添加了大纲！ Chrome，safari等。
我知道你可以使用outline：0关闭chrome中的轮廓，但我找不到你可以在Safari中关闭轮廓的地方。它看起来很可怕！
答案 6 :(得分：-1)
根据您的布局使用border-radius使用像素。