双随机系统遇到的简单样式问题技术复盘
type=radio怎么统一加样式
- input输入框统一加了鼠标点击时外边框样式变为系统主色,用的是全局修改
input:focus{outline-color:#fefefe}
但是单选按钮也是用input框来写的所以点击单选按钮时外边也有这个样式出现,但是ui验证要求是这个框框不显示,用的方法也是全局控制input[type=radio]{outline:none}
关于单选框和文字内容对齐的问题
- 我们一般用的是
vertical-align:center/bottom/baseline(等)
但是效果不是特别好,达不到想要的效果,可以用px来控制vertical-align:-1px
但是还有这种问题不生效的采用了line-height:20px
来设置生效的。(这是根据行高来确定元素在副轴所在的位置)
不想让input输入框type=text类型有浏览器历史记录
autocomplete="off"
在input里加上这行代码,如果input比较多可以在form里加