button达到各种浏览器下兼容使用
button表单按钮padding
button表单按钮padding
Padding结论
ol/ul列表
padding与button的兼容性不好
一些内置的padding值
ol/li元素内置padding-left,但是单位是px不是em。
所有浏览器radio/checkbox单复选框无内置padding
button表单按钮:firefox设置padding:0
各个html元素的内置padding属性
ie button 内置padding
button内置padding
表单元素内置padding
标签元素的内置padding
button按钮不易设置CSS样式,兼容性也差:
使button,Z-index:-1;等方法使其不可见,然后设置label按钮即可
button表单按钮用label替换,效果更兼容
IE7下button按钮去除padding值--》button{overflow:visible;}
button表单按钮padding
高度可控的分隔线
button表单按钮padding
用label标签模拟button
button表单按钮padding
button表单按钮padding
button表单按钮padding
2、表单元素的内置padding
1、ol/ul列表
解决button兼容性差的方案: <label for="btn">按钮</label>
radio/checkbox不能用padding撑开
网页文字大小一般为12或14像素,padding-left为22~25px
<button id="btn"></button> <label for="btn">按钮</label>
label{
display:inline-block;
line-height:20px;
padding:10px;
}
padding-left:22px;
文字12px/14px