所以我在一个固定的头中有一些区段锚点。我想看看是否有任何我不知道的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;
}
我想我可以把按钮当做锚标签。失败。
发布于 2018-10-17 03:45:31
可以使用:focus。
a:focus {
background-color: red;
}
https://stackoverflow.com/questions/52842947
复制相似问题