圆角textarea

Question

这是一个非常普遍的问题.

我想用CSS创建一个圆角的textarea.请帮帮我.

Answer 1

根据您需要的浏览器支持,您可以使用CSS3的border-radius属性.

textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

Answer 2

http://www.roundedcornr.com/

或者

<div class="loginboxdiv">
  <input class="loginbox" name="username" type="text" />
</div>

CSS-

   .loginboxdiv
{
 margin:0;
 height:21px;
 width:146px;
 background:url(login_bg.gif) no-repeat bottom;
}
.loginbox
{
 background:none;
 border:none;
 width:134px;
 height:15px;
 margin:0;
 padding: 2px 7px 0px 7px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}