不要使用Bootstrap按钮

2016年10月25日

浏览器默认的按钮样式是从操作系统读取的,包括背景颜色、边框颜色、焦点边框颜色等,并匹配操作系统主题。

Bootstrap按钮样式覆盖了大部分样式,但没有处理好焦点边框,所以btn-primarybtn-success等的focus状态都难以辨识。虽然给Bootstrap添加更多的CSS可以解决这个问题,但是既然浏览器已经根据操作系统主题生成了样式,为什么不去使用呢?

我认为网页上的交互元素,如文本框、按钮等,就让它们继承操作系统样式,简洁省力,不会出错,也符合WCAG 2.0标准。