双随机系统遇到的简单样式问题

双随机系统遇到的简单样式问题技术复盘

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里加
原文地址:https://www.cnblogs.com/wszzj/p/13750444.html