css - 链接变成蓝色的fr。当我在 CSS 中添加过渡时间时
问题描述
我有这个问题。当我给菜单链接(用于:悬停和:活动)一个过渡时间时,一旦我单击它们,它们就会变成蓝色一秒钟。我也有 2 个按钮链接,它们有过渡时间,但当我单击时它们不会变成蓝色。
我尝试用锚标签包裹li标签,反之亦然,但没有任何改变。任何人都知道为什么菜单链接会发生这种情况,但按钮不会发生这种情况?
.menu {
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
list-style: none;
line-height: 27px;
margin-top: 2px;
padding-top: 1px;
background: rgb(255, 224, 189);
}
.menuitem {
text-decoration: none;
font-family: 'Varela Round', sans-serif;
color: black;
cursor: pointer;
transition: .8s;
}
.menuitem:hover {
color: white;
text-shadow: 2px 2px 5px black;
}
.menuitem:active {
color: white;
text-shadow: 2px 2px 5px black;
transform: scale(.5);
}
<nav>
<ul class="menu">
<li class="item home"><a class="current menuitem" href="index1.html">Home</a></li>
<li class="item cani"><a href="cani.html" class="menuitem">Cani</a></li>
<li class="item gatti"> <a href="gatti.html" class="menuitem">Gatti</a></li>
<li class="item comeaiutarci"><a href="comeaiutarci.html" class="menuitem">Come aiutarci</a></li>
<li class="item contatti"><a href="contatti.html" class="menuitem">Contatti</a></li>
</ul>
</nav>
解决方案
推荐阅读
- java - 在 Eclipse 中构建现有的 java 项目时遇到问题
- ios - CNContactViewController - 更改取消和完成按钮的颜色
- wpf - 如何隐藏数据网格中的最后一条水平线?
- node.js - 有没有办法在节点网站的路由下添加单独的节点网站?
- postgresql - 截断和插入与更新的性能
- sql - 按多列分组并限制每组 - Postgres
- html - Selenium 从 ChromeWebElement 创建新的 HTML 文档
- spring-boot - 如何使用 Java Sdk 集成主卡支付网关
- javascript - 禁用 numericTextBox onClick 单选按钮单击
- gnupg - .gpg、.sig. 和 .asc 之间有哪些有意义的区别?