gpt4 book ai didi

html - 在 IE9 中悬停带有框阴影的按钮时底部边框消失

转载 作者:太空狗 更新时间:2023-10-29 13:46:32 26 4
gpt4 key购买 nike

当悬停/取消悬停按钮时,下边框在 IE9 中再次向下移动:

<!DOCTYPE html>
<html>
<head>
<style>
.btn:hover {
box-shadow: 0 0 0 2px #b1b3b4;
}
</style>
<head>
<body>
<div style="overflow: auto; border: 1px solid black;">

<div style="width: 110%; height: 20px;">
Wide content causing horizontal scrolling....
</div>

<button class="btn">Hover Me</button>
</div>
</body>
</html>

fiddle :http://jsfiddle.net/WW3bh/6353/

这是一个已知的 IE9 问题吗?我该如何解决这个问题?

最佳答案

display:block 放在 .btn:hover 上。

我猜这会解决它!

.btn:hover {
box-shadow: 0 0 0 2px #b1b3b4;
display:block;
}

关于html - 在 IE9 中悬停带有框阴影的按钮时底部边框消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16693801/

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