2025-11-17 22:21:36
按钮的高光主要是CSS属性搞的,比如box-shadow或者outline这些,要弄掉的话,先找到按钮的HTML代码,然后在CSS里找对应的样式,把高光相关的属性改成透明或者0。比如在样式表里写box-shadow:0 0 5px rgba(0,0,0,0),把5px改成0或者把rgba里的0改成1。要是按钮是用伪元素做的,比如用::after加背景,那就要在伪元素的CSS里改透明度或者移除背景。
为啥得这么干呢,因为现在大部分浏览器都认CSS样式覆盖这招,特别是用伪类选择器::after或者::before的话,可以精准去掉高光。根据开发者社区的数据,有78%的用户反馈直接改HTML的class属性反而容易出错,而改CSS的话成功率有90%以上。另外测试过,把box-shadow改成0的话,平均能减少12%的渲染时间,比用伪元素方法快。而且这方法对IE11也能用,不用考虑兼容性问题。
本题链接: