input输入框是网页必不可少的组件,可是每个浏览器对于输入框的显示样式各有不同
例如:
上图分别就是谷歌浏览器和IE浏览器自带显示的输入框,样式也不足人意,所以大多都会自己写样式
以下是一个简单的文本框样式
input{border:1px solid #ccc; padding:7px 0px;border-radius:3px; /*css3属性IE不支持*/padding-left:5px;
}
效果图:
样式属性含义:
border: 1px solid #ccc; /*设置输入框边框,边缘线的颜色、大小、及实线虚线*/
padding: 7px 0px; /*设置输入框高度,也可以用height,但是用height的话,输入框的光标会置于顶部
如果觉得《html输入页美化模板 html页面输入框input的美化》对你有帮助,请点赞、收藏,并留下你的观点哦!