圆角的边框 - 文本输入CSS

Question

如何添加圆角的边框为我的文字型输入

请给我一个解决方案，我怎么能做到这一点（为[在这里输入的形象描述] http://i.stack.imgur.com/zig2d.png！）。谢谢！！ 我试过CSS3边框，但它给一个坏的结果，因此，请与我分享怎么办呢

不低于

更新注意：JS解决方案：我仍然希望能找到一个纯粹的CSS-on-the-input解决方案，但这里是我现在使用的解决方法。请注意，这是粘贴我的应用程序，所以不是一个很好的，像上面的独立示例。我刚刚在我的大型网络应用程序中包含了相关的部分。你应该能够明白这个主意。 HTML是“链接”类的输入。大的垂直背景位置是因为它是一个精灵。测试IE6，IE7，IE8，FF2，FF3.5，Opera 9.6，Opera 10，Chrome 2，Safari 4.我需要调整一些浏览器中的几个像素的背景位置：

Answer 1

你想看看在border-radius（see here了解更多信息）

的边界半径CSS属性允许Web作者定义 圆角的边框边角如何。

Fiddle

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

Answer 2

http://jsfiddle.net/eeDAf/

border-radius: 7px; 

真的很简单！

Answer 3

试试这个code

CSS

input{ 
-webkit-border-radius: 50px; 
-moz-border-radius: 50px; 
border-radius: 50px; 
} 

HTML：

<input type="text" placeholder="search">