自定义input框的样式

简单来说自定义input的样式很简单,大概思路就是用一个div将要定义样式的input包含起来,然后设置这个input为透明的(PS:这个步骤曾经让我在网上找了很长一段时间,很多人说background-color:transparent可以解决这个问题,其实不然,我试验过很多次,这个办法并不可行,需要用的方法应该是用opacity来让input透明)

透明代码:

/*兼容ie7的透明度写法*/
filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;
/*这里的数值自定义可以改变透明程度,1为不透明,0为全透明*/

然后设置div的样式以及div的select样式即可自定义一个input框的样式啦

posted @ 2015-12-24 11:36  santree  阅读(547)  评论(0编辑  收藏  举报