CSS :悬停在已悬停的div中按钮不起作用
CSS（层叠样式表）是一种用于描述网页样式和布局的标记语言。它可以控制网页中元素的外观和排列方式。在CSS中，可以使用伪类来实现悬停效果。
对于悬停在已悬停的div中按钮不起作用的问题，可以通过以下步骤解决：
- 确保按钮的CSS选择器正确：首先，确保按钮的CSS选择器与目标按钮匹配。可以使用类选择器、ID选择器或其他属性选择器来选择按钮。
- 使用:hover伪类：在CSS中，可以使用:hover伪类来定义鼠标悬停时的样式。例如，可以设置按钮的背景颜色或文本颜色等。
- 示例代码：
- 示例代码：
- 在上述示例中，.button-class是按钮的类选择器，当鼠标悬停在按钮上时，按钮的背景颜色将变为红色，文本颜色将变为白色。
- 检查CSS样式的优先级：如果按钮的样式仍然不起作用，可能是由于其他CSS样式的优先级较高。可以通过检查其他CSS样式并调整优先级来解决冲突。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS CDN：腾讯云的内容分发网络（CDN）服务，可以加速网页的加载速度，提供稳定的内容分发服务。了解更多信息，请访问：腾讯云CSS CDN
请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。
相关·内容
1回答
如何向组件元素添加具有动态样式的悬停效果？
javascript、css、angular
我有这个角分量，其中悬停效应目前应用于伪类:hover在.scss文件中。但是我想用动态值来应用悬停效应。
因此，假设如果我希望元素的背景在悬停时发生变化，当前的css如下所示：
.element {
display: flex;
justify-content: center;
&:hover {
background-color: red;
}
}
但是现在我希望悬停背景颜色具有动态值，这些值在用户从UI提供的组件中是可用的，所以颜色可以是任何颜色。我还想实现的另一件事是，在元素被选中时，向它添加一个类。我的意思是，当悬
浏览 2提问于2022-05-14得票数 -2
回答已采纳
1回答
使用Javascript更改背景色后，请不要更改颜色
javascript、css
我有一个很长的表格，有很多字段。一些字段从单独的DIV获取数据，其中还有其他更具体的字段。
每个字段以及它的标签都包含在一个单独的块中。为了突出显示字段，他们的类有一个CSS :hover。
字段块上的CSS :hover运行良好，onmouseover和onmouseout在传递数据给它们的许多DIV上也使用以下Javascript：
function LineOn(whichOne) {
document.getElementById(whichOne).style.backgroundColor = '#cf0';
}
function LineOff(whic
浏览 2提问于2015-03-22得票数 0
回答已采纳
2回答
一些但不是所有的自定义CSS都覆盖了Bootstrap 4设置
html、css、button、bootstrap-4
请原谅我在这件事上的无知，但我完全是个菜鸟，不知道我在做什么！
我已经建立了一个基本的网页()使用引导4，并希望修改一些颜色和设计，以适应我的品牌。在大多数情况下，这是有效的，但我正在挣扎一个按钮。在默认状态和悬停状态下，我设法更改了按钮上文本的颜色。然而，我也试图改变这两个州的背景颜色，但什么都没有发生。下面是我使用的代码：
.btn-light {
background-color: #fcf8d7 !important;
background-image: none !important;
text-shadow: none;
color: #714c82;
}
.bt
浏览 3提问于2019-11-13得票数 1
回答已采纳
2回答
如何在另一个类中定位其他css类？
css、reactjs、styled-components
所以我用react制作了一个导航栏，我使用了菜单栏文本、徽标和按钮的三个组件。我将导航栏的背景设置为透明，组件设置为黑色。当悬停组件时，背景变为白色，导航栏变为白色。问题是我为每个组件使用了三个文件，我想让组件的颜色在导航栏悬停时变成白色，我不想让组件只在悬停时改变颜色。我该怎么做呢？如何在导航栏悬停类中定位components类名称？
浏览 29提问于2021-11-08得票数 1
2回答
按钮悬停颜色
asp.net、html、css
为清晰起见，在解析后进行编辑。
我想将按钮上方的悬停颜色从默认的蓝色更改为另一种颜色。我想做到这一点，而不必完全重新定义所有的CSS的按钮。我只想覆盖悬停颜色，保留其余的默认值。
图片：
通常，它是这样的：
悬停，是这样的：
我想要更改悬停时的突出显示颜色。
编辑：
已经尝试过：
.Cancel:hover
{
background: linear-gradient(black, white); //Tried these separately
background-color:Red;
}
和按钮标记：
<asp:Button I
浏览 3提问于2013-03-05得票数 0
回答已采纳
1回答
在“继续购物”WooCommerce按钮上更改滚动文本的颜色
css、button、woocommerce、text、rollover
谢谢你抽出时间来读这个。我试过在阳光下的每一个CSS代码尝试将woocommerce按钮“继续购物”上的滚动文本更改为白色，当按钮悬停时(当前是灰色背景，而当鼠标悬停时是黑色文本)。Wordpress与Woocommerce设置。
要查看实时，只需将鞋子添加到篮子中，您就会看到下一个屏幕上的“继续购物按钮”，而我只是无法在上面得到滚动文本的更正！也可以看截图。
我尝试了所有的方法来获得css中的按钮，并简单地改变它，但是没有什么是可行的。这是我最后一次尝试，不明白为什么它不能工作？！
a.button.wc-forward:hover {color: #ffffff !important;}
浏览 5提问于2022-08-11得票数 0
回答已采纳
2回答
我需要一个类来改变悬停时的背景位置。我做错了什么？
CSS：
#id1 { background: url(id1.png); }
#id2 { background: url(id2.png); }
.myClass:hover { background-position: bottom; color: yellow; }
HTML：
<div id="id1" class="myClass">First</div>
<div id="id2" class="myClass">Second&l
浏览 0提问于2011-12-29得票数 0
回答已采纳
3回答
当我使用CSS鼠标在鼠标上悬停时，我正试图使按钮中的文本改变颜色。
javascript、css、wordpress、wordpress-theming
我有一个wordpress网站，我有一个按钮在标题菜单中，称为‘加入作为一个商人’。
它有绿色的边框和白色的背景，文本是黑色的。
当我悬停在按钮上时，我希望按钮的背景变为绿色(颜色：#25ad00)，将文本更改为白色(颜色：#fff)。
我已经将以下代码添加到自定义css中，即仪表板：
body #menu-item-1847 a{
color:#000;
}
#menu-item-1847 a{
font-weight: 700;
border: 2px solid #25ad00;
border-radius: 5px;
padding:
浏览 4提问于2019-11-15得票数 3
回答已采纳
3回答
如何覆盖bootstrap？
css、html、bootstrap-modal
下面的代码在按钮被选中时将按钮文本变为深色。我假设这来自Bootstrap的btn类中嵌入的代码。选择按钮后，如何重写代码以阻止文本更改颜色？
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<style>
.buttonColor{
color:#ff0000;
}
.buttonColor:hover{
浏览 2提问于2016-04-27得票数 0
6回答
css样式表比jquery addClass强吗？
jquery、css、styling
嘿，伙计们，这玩意快把我逼疯了。我在样式表中定义了：
ul#menuCnt li a {
color:"red";
}
如果我想做一个悬停效果，使用jquery不会改变任何颜色。
$("ul#menuCnt li a").hover(function() {
$(this).addClass("brown");
}, function() {
$(this).removeClass("brown");
});
我真的很困惑。如果我没有在css样式表中定义颜色，悬停效果就会起作用
浏览 2提问于2009-09-18得票数 2
回答已采纳
1回答
材质用户界面在悬停时增加按钮改变颜色
css、reactjs、material-ui
我需要改变上升的按钮背景颜色悬停在材料用户界面。试过了，但不起作用，有没有办法改变背景颜色的材料Ui，提高按钮？
Exemple.JS
<RaisedButton
className="bouton"
secondary={false}
label="CONNEXION"
fullWidth={true}
labelPosition="before"
icon={<img src="../../images/next.png
浏览 2提问于2017-10-14得票数 3
回答已采纳
3回答
哪种css样式处理按钮上的单击事件？悬停之外的其他
html、css
我看到这个网站有一个按钮，当我将鼠标悬停在它上面时，背景会发生变化。
当我单击按钮时，按钮底纹反转，即对单击事件做出反应。
这是哪种CSS样式？我知道:hover是用来悬停的，但是点击一下呢？
浏览 2提问于2010-10-16得票数 8
回答已采纳
1回答
在jquery ()之后，css :hover不对我的元素进行修改。
javascript、jquery、css、hover、mouseover
在jquery悬停函数之后，css悬停不起作用。
所以，我的html中有几个svg元素。在这些svg元素上，我有jquery，如果我悬停在底部的一个按钮中，所有svg元素都会激活颜色，使其变为黄色(#b8a85)。
同时，当我将这些svg元素悬停到svg元素本身时，我希望这些svg元素变为白色(这是我用css:悬浮编写的)。
在jquery悬停函数之后，css悬停将无法工作。
任何需要的帮助！
除此之外，我还在脚本中嵌入了pan缩放插件。它们有可能坠毁吗？
$(document).ready(function() {
$(".button").hover(
浏览 1提问于2019-04-07得票数 1
回答已采纳
4回答
用javascript更改背景颜色
javascript、css、hover
我想要访问一个按钮的悬停背景颜色，以更改悬停背景颜色每次该按钮被点击。
这是index.html文件中的按钮标记
<button class="btn-hero btn-hero:hover" id="btn">click me</button>
这在css文件中：
.btn-hero {
font-family: var(--ff-primary);
text-transform: uppercase;
background: transparent;
color: var(--clr-black);
}
.btn-
浏览 4提问于2020-07-31得票数 0
回答已采纳
3回答
从：.css() - jquery中获取css值
jquery、css、hover
所以我设置了一个有不同背景的菜单:悬停颜色。这些按钮的背景将是一个灰色的颜色和悬停按钮动画()到其各自的颜色。
我可以抓住原来的默认颜色的任何按钮，我悬停在这样：
var origBackgroundColor = $(this).css('background-color');
但是，可以从我设置的css :悬浮属性中获取颜色吗？我将为每个按钮设置:悬停颜色，因为如果有人没有启用JS，导航仍然具有:悬停效果。
像这样的东西(或者还有别的方法)：
var hoverColor = $(this).css('background-color:hover');
有什
浏览 5提问于2011-01-18得票数 12
回答已采纳
1回答
使用jquery组合效果
jquery
我有两种不同的jquery效果，我想要应用于表单单选按钮，一边是按钮的悬停效果，另一边是选定单选按钮的背景颜色更改。代码如下：
对于悬停：
$(".label_radio").hover(function () {
$(this).css("background-color", "silver");
},function () {
$(this).css("background-color", "transparent");
});
对于所选项目：
$("#uno").click(f
浏览 1提问于2013-05-16得票数 0
回答已采纳
5回答
Bootstrap Button CSS更改无效:活动选择器
css、twitter-bootstrap、twitter-bootstrap-3
我使用的是bootstrap 3.3.7按钮，并且希望当鼠标聚焦、悬停或单击时，该按钮保持相同的颜色。 <button class="btn btn-default delete-btn">Delete</button> 下面是我修改CSS选择器的背景颜色的地方： .delete-btn:hover, .delete-btn:focus, .delete-btn:active {
background-color: white;
} 这适用于焦点或悬停事件。 但是，当鼠标单击该按钮时，它将更改为默认的灰色。你知道我在这里遗漏了什么吗？抓我的头.
浏览 42提问于2017-01-21得票数 1
回答已采纳
2回答
我有一个按钮div，其中包含两个子div元素。一个具有count类，另一个具有caption类。
如果我不为.count类设置颜色，则按钮悬停样式(白色)将应用于count。但是，如果我在.count类中设置了颜色，则按钮悬停，就不再适用于count类/div。我可以为count定义一个悬停样式，但是它只适用于光标在计数上移动时，而不是整个按钮。我如何为count类设置特定的颜色，但当鼠标悬停在按钮上时，它的颜色仍然会改变(到按钮的悬停颜色)？
样本代码：
.button {
margin: 8px;
padding: 4px;
border: 1px solid black;
浏览 3提问于2021-04-25得票数 0
回答已采纳
2回答
如何使用:hover更改使用javascript创建的元素属性？
javascript、html、css、hover
我有一个用javascript创建的元素(在本例中它是一个div元素)。Javascript还用于设置元素背景色的样式。当我这样做的时候，元素的css :hover改变背景颜色不起作用。 script.js box = document.createElement("div");
box.className = "box";
box.style.backgroundColor = "red";
document.body.appendChild(box); style.css .box {
width:100px;
height
浏览 44提问于2021-06-29得票数 2
回答已采纳
2回答
如何更改wordpress主题css
html、css、wordpress、css-selectors、atag
我的wordpress主题有问题。一位网页开发人员定制了这个主题。现在我想编辑这个主题，特别是<a标记。所以我就这么做了
我在我的主题里面编辑额外的CSS；
#a{
color: #4c4c4c;
}
#a:link{
color:#4c4c4c;
}
#a:visited{
color:#4c4c4c;
}
#a:hover{
color: #4c4c4c;
}
#a:active{
color: #4c4c4c;
}
#a:focus{
color:#4c4c4c;
}
此开发人员更改的悬停颜色现在已转到#4c4c4c颜色。但是，当您没有悬停时，颜色
浏览 12提问于2021-01-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
