gpt4 book ai didi

css - 悬停不适用于按钮元素

转载 作者:行者123 更新时间:2023-11-28 15:01:43 25 4
gpt4 key购买 nike

希望这将是一件容易解决的事情,但我已经尝试寻找答案,但似乎没有合适的答案。

我正在尝试在按钮上制作悬停效果:

button {
min-width: 20vw;
max-width: 40vw;
border: none;
color: white;
font-size: 1.5vw;
padding: 15px 32px;
text-align: center;
text-decoration: none;
background-color: blue;
border-radius: 20px;
transition: 0.4s;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.button:hover {
color: black;
background-color: lightcyan;
}

当我在浏览器(vivaldi 和 edge)中对此进行测试时,没有任何变化。考点是http://wyrdling.com/skulpturjagt顺便说一下。

附言。我尝试使用 chrome 开发者工具,但我太新手了,不知道如何阅读它 XD

最佳答案

除非你的问题中有错别字,否则你使用 .button:hover。这将适用于具有 hover 类的元素。把它换成 button:hover

关于css - 悬停不适用于按钮元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50004800/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com