blocks|key|444667|text|使用outline:none锚定标记类|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|444668|entityMap^0|2|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Use <code>outline:none</code> to anchor tag class

blocks|key|444690|text|a+{
++++outline:+0;
++}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|444691|但在更改它之前请先阅读以下内容：|unstyled|444692|removing-the-dotted-outline|offset|length|444693|entityMap|0|LINK|mutability|MUTABLE|url|http://css-tricks.com/removing-the-dotted-outline/^0|0|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|F|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<pre><code>a {
 outline: 0;
 }
</code></pre>

But read this before change it:

<a href="http://css-tricks.com/removing-the-dotted-outline/" rel="noreferrer">removing-the-dotted-outline</a>

blocks|key|444733|text|就像@Lo+Juego说的，读一读这篇文章|type|unstyled|depth|inlineStyleRanges|entityRanges|data|444734|a,+a:active,+a:focus+{
+++outline:+none;
}|code-block|syntax|javascript|444735|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Like @Lo Juego said, read the article

<pre><code>a, a:active, a:focus {
 outline: none;
}
</code></pre>

blocks|key|226639|text|尝试在css中使用!important。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|226640|a+{
++outline:none+!important;
}
//+it+is+`very+important`+that+there+is+`no`+`outline`+for+the+`anchor`+tag.++Thanks!|code-block|syntax|javascript|226641|entityMap^0|3|3|9|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Try with <code>!important</code> in <code>css</code>.

<pre><code>a {
 outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag. Thanks!
</code></pre>

blocks|key|226658|text|下面的代码很简单--|type|unstyled|depth|inlineStyleRanges|entityRanges|data|226659|a{
outline:+medium+none+!important;
}|code-block|syntax|javascript|226660|如果快乐干杯！日安|226661|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Its simple try below code --

<pre><code>a{
outline: medium none !important;
}
</code></pre>

If happy cheers!
Good day

blocks|key|444825|text|删除outline会损害website.Therefore的可访问性，我就把它留在那里，但使它不可见。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|444826|a+{
+++outline:+transparent;
}|code-block|syntax|javascript|444827|entityMap^0|2|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Removing <code>outline</code> will harm accessibility of a website.Therefore i just leave that there but make it invisible.

<pre><code>a {
 outline: transparent;
}
</code></pre>

blocks|key|444860|text|在我的例子中，它是一个按钮，显然，对于按钮，这只是Firefox中的一个问题。找到解决方案here|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|444861|button::-moz-focus-inner+{
++border:+0;
}|code-block|syntax|javascript|444862|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/199319/1599699^0|19|4|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

In my case it was a button, and apparently, with buttons, this is only a problem in Firefox. Solution found <a href="https://stackoverflow.com/a/199319/1599699">here</a>:

<pre><code>button::-moz-focus-inner {
 border: 0;
}
</code></pre>

I found that if there is a <code>a</code> link in the page which does not link to a new page,then when user click it,there will be a dotted line around the element,it will only disappear when user click anything else in the page,how to remove this?
Example:
<img src="https://i.stack.imgur.com/cwFpt.png" alt="enter image description here" />
Note the dotted line around the element <code>Section 2</code>.

how to remove the dotted line around the clicked a element in html

我发现如果页面中有一个没有链接到新页面的a链接，那么当用户单击它时，元素周围会有一条虚线，只有当用户单击页面中的任何其他内容时，它才会消失，如何删除它？示例：​​注意元素Section 2周围的虚线。

问如何删除html中单击的元素周围的虚线
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何删除html中单击的元素周围的虚线EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何删除html中单击的元素周围的虚线
EN