gpt4 book ai didi

html - 容器内的 Bootstrap 模态与悬停相关联的样式

转载 作者:行者123 更新时间:2023-11-28 09:08:37 25 4
gpt4 key购买 nike

我在一个容器内有一个 Bootstrap 模式,它具有悬停时关联的样式。当模态打开时,悬停样式会应用,就像模态未打开时一样。这是这个问题的一个例子:

http://www.bootply.com/E6jsnaJTOP

在我的代码中,我无法将模态移出容器,因为有多个容器,每个容器都有一个独特的模态。

如何防止在模式打开时应用悬停样式?

最佳答案

您可以关闭一个事实,即当模式打开时 <body>元素有 modal-open类。

body:not(.modal-open) #block_1:hover {
background-color: red;
}

关于html - 容器内的 Bootstrap 模态与悬停相关联的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26586581/

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