点击时 div 周围的 HTML 丑陋边框 [重复]

Posted 2023-02-22

【中文标题】点击时 div 周围的 HTML 丑陋边框 [重复]

【英文标题】：HTML ugly borders around divs on click [duplicate]

【发布时间】：2018-09-19 17:19:46

【问题描述】：

我有一个由 div 组成的导航。当你点击一个 div 时，请求的页面会被加载到另一个 div 中。

我现在的问题是，Safari 和 chrome 会在我点击的任何 div 周围制作丑陋的边框。

如何摆脱这种边界？

我已经试过了

*, *:focus, *::-moz-focus-inner, div, div:focus, div::-moz-focus-inner 
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: none;
    outline: none;
    -webkit-overflow-scrolling: touch;

但它不起作用......

【问题讨论】：

分享html代码

阅读此***.com/questions/3397113/…

@Hilfsschueler 你试过outline: none; border:none 吗？

@Vishnu 我已经尝试过以下方法：*、*:focus、*::-moz-focus-inner、div、div:focus、div::-moz-focus-inner -moz -用户选择：-moz-none； -khtml-用户选择：无； -webkit 用户选择：无； -o-用户选择：无；用户选择：无；边框：无；大纲：无； -webkit-溢出滚动：触摸；

【参考方案1】：

使用这个...

-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */

【参考方案2】：

尝试删除 CSS 中的轮廓：

.that-div 
  outline: 0;

（或大纲：无）。