input设置了border-radius,还是直角

html-css017

input设置了border-radius,还是直角,第1张

input设置了border-radius使用无效。

1、设置border:none。去掉边框。

2、设置border-radius:40px。若遇到浏览器兼容的?问题,可加上兼容的css代码。

3、使用box-shadow:0px0px5px#ccc,利用该特性设置边框。

简单的做法就是把两个框的图片用ps切出来(你两个的小图标不一样,图方便就可以切两个大的输入框背景,就是连图标一起切,要灵活点就单独切开)。假设你的HTML结构是

账号:

密码:

把背景图设置到span上面、span的样式设置成display:inline-blockwidth:120pxheight:20px(宽高的设置当然是和你的背景图大小一样)

input的样式把边框和背景设置为none;这样在背景图上就看不出了。

大致思路就是这样。估计你是初学者。还是多看些css的基础知识吧。