Question

input输入框怎样做成圆角的

原始效果
刷新后的效果

我想把输入框做成圆角的，但是背景有个黄色的不知道怎么去，必须刷新一下才能没有
源代码如下：
background-image: url(../images/login_bg.png);
background-repeat: no-repeat;
height: 30px;
width: 200px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
background-color: #F3F3F3;
line-height: 30px;
padding-left: 5px;
color: #CCCCCC;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;





Answer 1

如果你不用支持IE 6 IE7 那么你可以用CSS3来做
border-radius:5px; 值越大 圆角越大

如果你要支持IE 6 7 ， 那么你就用图片当背景

Answer 2

这个肯定是要用CSS给图片做底图的

Answer 3

这个很简单，直接个input加上css样式border-radius: 5px;就可以了。

Answer 4

border-radius:10px;