html页面输入框input的美化

分类栏目:帝国学院

发布于

input输入框是网页必不可少的组件,可是每个浏览器对于输入框的显示样式各有不同

例如:   

上图分别就是谷歌浏览器和IE浏览器自带显示的输入框,样式也不足人意,所以大多都会自己写样式

以下是一个简单的文本框样式

            input{                 border: 1px solid #ccc;                  padding: 7px 0px;                 border-radius: 3px; /*css3属性IE不支持*/                 padding-left:5px; 
            }