CSS:圆形文本输入字段

Question

如何用css创建圆形文本输入字段？

谢谢

Answer 1

使用CSS3:

 /* css 3 */
 border-radius:5px;
 /* mozilla */
 -moz-border-radius:5px;
 /* webkit */
 -webkit-border-radius:5px;

Answer 2

两个答案都是正确的，您可以使用 CSS3 样式（当前 IE 并不真正支持），也可以使用 javascript 包，例如http://www.malsup.com/jquery/corner/。

然而，还有另一种选择，即使它并不完全理想，也不应该被丢弃。如果您的输入是固定长度的，您还可以将输入所需的任何背景（包括边框）绘制到图像中并使用

background: transparent url(pathToYourImage.png);
border: none;

这样做的好处是可以在几乎所有您能想到的浏览器上工作。