如何使文本框有圆角？

Question

我有这个线框http://problemio.com/problemionewest.pdf你看到右上角有一个带圆角的文本框.

是用css还是用image和css完成的？我有一个提供给我的图像,但更愿意用css做.在任何情况下,我不知道如何做到这两种方式大声笑,所以任何帮助都会很棒!

Answer 1

您可以使用CSS来执行此操作,但在IE8中不支持它.您可以使用某些网站(如http://borderradius.com)来提供您使用的实际CSS,这看起来像这样(同样,取决于您尝试支持的浏览器数量):

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

Answer 2

这可以通过CSS3完成:

<input type="text" />

input
{
  -moz-border-radius: 15px;
 border-radius: 15px;
    border:solid 1px black;
    padding:5px;
}

但是,另一种方法是将input内部放置在div带有圆形背景的内部,并且没有边框input