ridercarver Asked:2020-03-20 17:20:18 +0800 CST2020-03-20 17:20:18 +0800 CST 2020-03-20 17:20:18 +0800 CST 框阴影或边框[重复] 772 按下后,有这样的边框或者它是一个轮廓或者一个盒子阴影,一般来说,我尝试了一切..也许有人有它? <button type="submit" name="#" class="button">Оставьте заявку</button></a></div> css 2 个回答 Voted Best Answer Sasha Omelchenko 2020-03-20T17:35:51+08:002020-03-20T17:35:51+08:00 首先,<button>在你的内心<a>——不要这样做,一个标签就足够了。如果它是一个在该页面上执行某些操作的按钮,则使用该按钮,如果它是一个将您带到另一个页面的按钮,则使用一个链接。 其次,在这种特殊情况下,要删除此装饰,请使用a[data-toggle="modal"]:focus { outline: none }. 第三,不要忘记辅助功能。可以关注的元素应该以某种方式为用户突出显示 - 使用 TAB 键在您的网站上走动,您自己就会明白为什么需要这样做。所以我的建议是,如果轮廓与你的设计相混淆,就去掉它,但要设计焦点状态。 And Rey 2020-03-20T17:38:53+08:002020-03-20T17:38:53+08:00 问题是您单击的是链接a,而不是按钮。对于链接,您有 outline: 5px auto -webkit-focus-ring-color;. 覆盖设置为a href="#myModal"-outline:none;
首先,
<button>
在你的内心<a>
——不要这样做,一个标签就足够了。如果它是一个在该页面上执行某些操作的按钮,则使用该按钮,如果它是一个将您带到另一个页面的按钮,则使用一个链接。其次,在这种特殊情况下,要删除此装饰,请使用
a[data-toggle="modal"]:focus { outline: none }
.第三,不要忘记辅助功能。可以关注的元素应该以某种方式为用户突出显示 - 使用 TAB 键在您的网站上走动,您自己就会明白为什么需要这样做。所以我的建议是,如果轮廓与你的设计相混淆,就去掉它,但要设计焦点状态。
问题是您单击的是链接a,而不是按钮。对于链接,您有
outline: 5px auto -webkit-focus-ring-color;
. 覆盖设置为a href="#myModal"
-outline:none;