更改站点上部分的选定锚点的颜色无JAVASCRIPT
更改站点上部分的选定锚点的颜色无JAVASCRIPT
提问于 2018-10-17 03:41:53
所以我在一个固定的头中有一些区段锚点。我想看看是否有任何我不知道的css属性/技巧/hack，当你选择它时，它允许我改变所选部分锚点的颜色，当你选择另一个部分时，显然会改变回常规样式。我甚至不确定这是否可能，但我不能使用javascript - css。所有内容都在一个页面上，所以我不会改变新页面的颜色。
<header>
<ul>
<li><a href="#one">○</a></li>
<li><a href="#two">○</a></li>
<li><a href="#three">○</a></li>
<li><a href="#four">○</a></li>
<li><a href="#five">○</a></li>
</ul>
<header>编辑：一种新的方法。经过一些研究之后，我决定尝试一下按钮的:焦点特性。
下面是我得到的信息：
HTML
<button href="one" class="circle">○</button>
<button href="two" class="circle">○</button>
<button href="three" class="circle">○</button>
<button href="four" class="circle">○</button>CSS
.circle{
background-color: none;
border: none;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
}
.circle:focus {
color: red;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}我想我可以把按钮当做锚标签。失败。
回答 1
Stack Overflow用户
发布于 2018-10-17 03:45:31
可以使用:focus。
a:focus {
background-color: red;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52842947
复制相关文章
相似问题