圓角的邊框 - 文本輸入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">