html页面输入框input的优化
发布时间：2022-04-18 09:56:55 所属栏目：经验 来源：互联网
导读：input输入框是网页必不可少的组件，可是每个浏览器对于输入框的显示样式各有不同 例如： 分别就是谷歌浏览器和IE浏览器自带显示的输入框，样式也不足人意，所以大多都会自己写样式 以下是一个简单的文本框样式 input{ border: 1px solid #ccc; padding: 7px
|
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的话，输入框的光标会置于顶部，还要设置其他样式去固定，而且还不一定会兼容很好*/ border-radius: 3px; /*这个属性石css3里面的,IE不支持*/ padding-left:5px; /*让广告距离左边5个像素，一开始光标是贴着左边输入框的边缘的*/ 基本上以上的样式算是如今比较常用的了 然后就是input的一些其他的设置 比如：属性 placeholder 这个属性在输入框里有提示文字效果，CSS3属性，不支持IE input点击发光特效： input{ border: 1px solid #ccc; padding: 7px 0px （编辑：大同站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐