CSS表单元素垂直居中完美解决方案
来源:设计前沿收集 作者:佚名时间:-02-18 09:00
表单元素完美垂直居中
*{padding:0; margin:0;}
body{font:14px/1.231 Tahoma, Geneva, sans-serif; background-color:#D1D5E7;}
label{cursor:pointer; vertical-align:middle;}
input{vertical-align:middle; margin:5px;}
.warp{ margin:100px 350px;}
span{ vertical-align:middle; text-decoration:underline;}
img{ vertical-align:middle; border:1px solid #CCF;_margin-bottom:1px;}
p{font-size:14px;}
h2{font-size:16px;}
单选框和复选框面积很小,不容易点击,造成许多用户的困扰,用户体验不佳
请看【一丝冰凉】的完美解决方案:
完美垂直居中,点击文字可选,快捷键可选,鼠标在文字上显示手型(暗示可点击)
X×我是完美的复选框
我支持键盘 Alt+2选择(2)
X×我是完美的单选框
X×我是完美的文本框
图片也能居中