gpt4 book ai didi

html - CSS 文本输入框悬停

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

我用 HTML 创建了一个文本输入框。我添加了 CSS 来更改框,因此当用户将鼠标悬停在它上面时,阴影会发生变化,但是当我在浏览器中尝试它时,当我将鼠标悬停在框上时没有任何变化。

.searchBar {
position: absolute;
top: 307px;
right: 392.5px;
width: 500px;
border-radius: 0px;
border: 1px solid #f3efee;
height:40px;
box-shadow: 0px 1px #f3efee;
}

.searchbar:focus {
box-shadow: 10px 10px red;
}

最佳答案

当悬停在 .searchBar 元素上时,这个伪类应该起作用:

.searchBar:hover {
box-shadow: 10px 10px red;
}

关于html - CSS 文本输入框悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50531892/

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