为什么更改div内部的颜色不起作用？
更改div内部的颜色不起作用的原因可能有多种可能性，以下是一些常见的可能原因和解决方法：
- CSS选择器的权重问题：在CSS中，样式的应用是有优先级的，如果其他选择器的优先级比当前选择器高，就会导致当前选择器的样式不起作用。可以尝试提高当前选择器的优先级，如使用ID选择器（#id）或使用更具体的类选择器。
- 样式冲突：可能存在其他样式规则与当前选择器冲突，导致样式不起作用。可以通过检查其他CSS规则或者使用开发者工具进行调试，找出可能引起冲突的规则，并进行相应的调整。
- 元素的布局问题：如果元素的宽度或高度设置为0，或者存在浮动等布局问题，可能导致背景颜色无法显示。可以尝试调整元素的布局或尺寸。
- 继承问题：如果父元素已经设置了颜色，并且子元素没有显式地覆盖这个颜色，那么子元素的颜色将继承自父元素，导致修改子元素的颜色无效。可以尝试为子元素添加显式的颜色设置，或者使用!important来覆盖继承的样式。
- JavaScript操作：可能是通过JavaScript动态修改了div内部的样式，导致颜色修改不起作用。可以检查是否存在相关的JavaScript代码，并进行相应的调整。
综上所述，更改div内部的颜色不起作用可能是由于选择器权重问题、样式冲突、布局问题、继承问题或JavaScript操作等原因引起的。根据具体情况进行逐步调试和调整。
相关·内容
3回答
我想用孩子把"b“的颜色改成红色。为什么上面的例子不起作用？我怎么才能让它工作呢？
<div id="wrap">
<div class="parent1">
<div class="parent2">
<b>Text</b>
</div>
</div>
</div>
$(function(){
$('#wrap').children('pa
浏览 1提问于2012-03-29得票数 0
如所示，jQuery的css函数不会在一个简单的表中返回<thead>元素的边框宽度/样式/颜色：
$("thead").css("border-top-width") // returns 0px
如果我在一个div上尝试同样的事情，它工作得很好：
$("div").css("border-top-width") // returns 1px (or whatever the border width is)
为什么这个不起作用？有没有其他方法可以获取边界详细信息？我正在使用Firefox，如果这有什么不同的话。
浏览 5提问于2013-02-26得票数 2
回答已采纳
3回答
CSS背景色不像预期的那样
、、、、
我不明白为什么背景色不像这里预期的那样被应用。这可能是我对CSS中元素之间的关系缺乏理解吗？
所讨论的页面：
复制问题
首先在IE 7或IE 8 中打开上面的链接，单击产品筛选器，然后按下PROMO & EDITORIAL <code>H 112</code>就会在某些图像上出现白点(这是IE中的一个缺陷，在淡出动画后会使一些像素保持透明。如果你没有看到它们，多做一些过滤，它们很快就会出现。--
CSS背景色问题
什么工作:如果我将画廊背景的背景颜色设置为红色，则此红色通过图像上的透明点显示。(这里的推论是，黑色的背景颜色隐藏了“白点”bug)。
#isotop
浏览 1提问于2011-09-07得票数 2
回答已采纳
1回答
是否可以更改此字符和其他特殊字符的颜色？
<div style="color:red;">This text is red but the following symbol isn't: ✖ </div>
显然，这个符号实际上是一个图像。这就解释了为什么它不受颜色属性的影响。但是，有没有办法改变颜色呢？
我发现这个问题，但是答案a)在我的浏览器中不起作用，或者b)需要几行代码。我想知道是否有更好的替代方案，因为这应该是一个非常常见的问题。
浏览 0提问于2015-07-28得票数 0
4回答
我正在开发一个应用程序，需要将HTML/JS编写成iframe。我选择了iframe，因为我认为这会有它自己的名称空间等等，所以我不会卷入与JS变量名称等有关的冲突。
但是现在，我尝试从iframe的JS内部引用一个div，通过它的ID。在框架中，我有一个按钮，它调用一个函数：
function colorDiv(){
$("#test").css("background-color","red");
};
对父母来说，这是可行的-没问题。(当然，这是一个基本的测试场景。我想用高图表在这个div里写一个图表。这是行不通的，我正在努力弄清楚为什
浏览 7提问于2012-02-02得票数 1
如何用包装器div改变内部div的颜色，透明度为1？
如果不透明度为0，我可以用背景颜色实现这一点，但一旦不透明度为1，它就不起作用了。我理解为什么会发生这种情况，但不确定如何修复它。
<div id="div2" style="height:100px;width:100px;border:1px solid #ccc">
<div id= "div1" style="height:100px;width:100px;border:1px solid #ccc; background-color:rgba(255
浏览 0提问于2019-08-17得票数 0
我在学习反应。我的目的是在url参数更改时呈现不同的组件。我在代码框中创建了一个演示。
import "./styles.css";
import { BrowserRouter, Route, Switch, useLocation } from "react-router-dom";
function useQuery() {
return new URLSearchParams(useLocation().search);
}
function getTargetDiv(state: string) {
switch (state) {
浏览 2提问于2021-09-03得票数 0
回答已采纳
我正在尝试学习如何使用JSS设置样式。当InputLabel被聚焦时，我想改变标签的颜色。我最终让它在下面的代码中工作，但我不明白为什么它会工作：
import React from 'react'
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles'
import { FormControl, InputLabel, Select, } from '@material-ui/core/'
const s
浏览 0提问于2018-10-17得票数 0
2回答
我有几个HTML链接元素，它们都有一个唯一的编号ID。
所有这些都存储在一个包装器中，包装器使用一个名为“数据颜色”的数据属性。
当用户单击链接时，我希望数据颜色能够显示链接的编号ID。
我以为我可以使用data()，但它似乎不起作用。
这是一个。
以下是我的HTML：
<div id="wrapper" data-color="01">
<span>Color Box</span>
<a class="ThumbnailBox" href="#" id="02">
浏览 0提问于2013-10-24得票数 0
回答已采纳
这是非常奇怪的行为，我完全不知道为什么。我正在设置div的字体颜色，但它不起作用。在设置颜色之后，我会提醒它，它会正确地提醒你。它根本不显示颜色变化。
$("div.page").each(function() {
if (!isNaN(parseFloat(this.id)) && isFinite(this.id) && this.id != page) {
$(this).mouseover(function() {
$(this).css("color", "blue
浏览 2提问于2012-11-27得票数 1
回答已采纳
下面是我的代码。我正在使用框架框架。我有单独的div，表示等于16的3、7和6列(骨架是一个16列的框架)。因此，这3个div在屏幕上都是内联的。包装器的背景颜色是灰色的，因此整个屏幕是灰色的。但是，我想将3个div类的背景颜色设置为黑色。有什么想法吗？因为我试着把所有3个div都放到另一个带有id的div中，并将背景设置为黑色，但是不起作用？
<div id="wrapper">
<div class="container">
<div class="three columns"
浏览 2提问于2015-02-12得票数 1
1回答
我需要一个背景色来在3秒后恢复到默认颜色，我正在使用setTimeout方法，但它不起作用，在这种情况下我该如何正确使用它？或者我应该使用过渡
<div id="exercise">
<div>
<p>Current Value: {{ value }}</p>
<button @click="value += 5(); red();" :style="{ 'background-color': color }">Add 5</bu
浏览 0提问于2020-05-18得票数 0
我有个问题。为什么style.css中的颜色定义不覆盖这个嵌套在ID：#main-nav中的颜色定义？
<head>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="main-nav" class="navbar-default" role=
浏览 4提问于2016-05-12得票数 3
回答已采纳
下面的HTML和CSS在Firefox和Chrome中的行为完全不同。
。
.container {
width: 200px;
height: 50px;
border: 1px solid black;
display: inline-table;
}
.content {
background-color: red;
width: 30%;
height: 100%;
}
<div class="container">
<div class="content"></div>
&l
浏览 4提问于2014-01-06得票数 20
回答已采纳
我在另一个div中有一个div。外部div有使用CSS3的圆角边框。问题是，如果我在内部div上设置背景颜色，它会渗入角落。下面是一个测试页面来说明我的意思：
我怀疑这不是渲染器的问题，因为在Chrome，FF和Opera中也会发生同样的事情。如何让内部div在圆角边框处裁剪？在内部div上设置边框半径继承不会切断它，边框不匹配。
编辑:内部div实际上是外部div中更多内容的标题，因此将圆角边框应用于内部div将不起作用。
浏览 0提问于2011-01-22得票数 2
回答已采纳
1回答
由于某些原因，更改检测没有在我的角度模板中运行。我试图根据第二div(textbox)中的文本更改来更改第一个div的颜色。下面是代码的样子：
<div [ngStyle]="{'background-color': titleText.innerText? 'red' : 'blue' }">Title</div>
<div style="border:1px solid black" contenteditable="true" aria-multiline=
浏览 8提问于2021-03-16得票数 1
回答已采纳
1回答
我正在尝试覆盖锚点颜色，并将颜色设置为没有链接时的正常颜色。
a .right {
color:inherit;
}
a:link .right {
color:inherit;
}
<a href="...">
<div class="right">
<div class="text">
Some Text
</div>
</div>
</a>
两种方法似乎都不起作用。
浏览 0提问于2012-05-01得票数 9
回答已采纳
4回答
当单击按钮时，我想更改标题的颜色。这是我的代码，但不起作用，我不知道为什么不.
var about;
function init() {
about = document.getElementById("about").innerHTML;
about.style.color = 'blue';
}
<div id="about">About Snakelane</div>
<input type="image" src="http://www.blakechr
浏览 4提问于2013-07-29得票数 19
回答已采纳
我使用“@media only screen和(最大宽度:500 max)”在css中设置断点。
当我将它设置为在到达断点时改变颜色时，它会工作：
@media only screen and (max-width: 500px) {#container{color:black;}}
当我调整浏览器的大小时，容器div确实会变黑，但是当我将断点设置为更改div的边距时，不会触发断点。
因此，当我将查询设置为：
@media only screen and (max-width: 500px) {#container{margin-left: 0px;}}
当屏幕调整大小时，没有任何变化，就像我
浏览 10提问于2014-06-10得票数 0
回答已采纳
我几天前开始学习angular，我一直在尝试根据用户的文本输入更新div的颜色，但我似乎无法让它工作，我想知道我是不是用错了方法。
我已经看到许多关于这些主题的帖子和答案，人们想要使用复选框或类似的东西来更新颜色。为此，允许使用一定数量的颜色，以便可以创建类并使用ng-class指令。显然，我可以用文本输入框做到这一点，但我正在寻找允许任何可能的十六进制颜色值的功能，我宁愿不为它写出每个类。
我的想法是这是可行的：
HTML
<div ng-app='root' ng-controller = 'index'>
<input type =&
浏览 3提问于2016-09-17得票数 0
3回答
我正在为一个网站的移动版本写一个页面，我想插入一个带有标签黑暗主题的复选框，当一个用户选中这个复选框时，将背景颜色(整个网站)更改为黑色，将文本颜色更改为白色，我在互联网上找到了很多代码，但它不起作用，我不知道为什么。
例如，我尝试过这样做：
#select1:checked ~ div .wrapper{
background-color:black;
color: white;
}
<div class="wrapper">
<input id="select1" name="check1" type="c
浏览 4提问于2017-06-07得票数 0
回答已采纳
4回答
jQuery(document).ready(function(){
jQuery('div').css('background','#fff').delay(12000).css('background','#000');
});
嗨，伙计们..我想知道为什么这个不起作用..我正在尝试设置背景的持续时间，并在特定时间后更改其颜色。
浏览 0提问于2013-07-08得票数 0
回答已采纳
3回答
我有两个div
<div id="a">A</div>
<div id="b">B</div>
我正在尝试制作一种效果，当鼠标悬停在#b上时，#a的背景颜色会发生变化。我用过
CSS
#b:hover + #a{
background: #000;
}
但它不起作用。
如果我使用
CSS
#a:hover + #b{
background: #000;
}
它起作用了。将鼠标悬停在#a上会更改#b背景颜色。
但我得先工作。
如何让第一个工作。为什么这不起作用？
浏览 0提问于2013-07-10得票数 0
回答已采纳
8回答
I‘s有一个我正在构建的站点，它具有深度嵌套的div，并且使用用户可选择的主题。我的问题是..。为什么边框颜色不传播到子元素？
我已经在处理DOM样式表了，所以添加一个循环来更新边框颜色并不困难。然而，我很好奇为什么标准(Linux中的Firefox& Chrome )边框颜色不会继承父浏览器，而默认为文本颜色，而边框样式不会默认为solid？
这种行为背后有什么智慧吗？我不是想变得吝啬。我真的很好奇，为什么这似乎是“故意的”。
写这篇文章时，我意识到最简单、最灵活的解决方案是将元素定义为class=“类名边框”，然后更新边框类以反映正确的边框颜色。
不过，我还是不明白为什么？
这里有
浏览 5提问于2011-05-06得票数 11
回答已采纳
2回答
我想要改变背景颜色每次当my_div接收类‘选择’。到目前为止，我得到了以下信息：
$(document).ready(function() {
if ($('#my_div').hasClass('selected')) {
$("body").css({backgroundColor: '#111'});
}
});
但它不起作用。
怎么了？
浏览 0提问于2011-10-03得票数 0
回答已采纳
4回答
我正在制作一个网页，其中每个页面都有不同的背景颜色。
此外，我使用PHP输入的页眉和页脚，这必须改变其背景或根据网页。问题是，我如何改变它的背景颜色，因为它总是调用相同的include？
我考虑过使用PHP，但我不知道为什么，它不起作用。我也想过使用Javascript，但我也不太了解它。有人能帮帮我吗？
我想要更改背景颜色的标题中的div就在下面：
<div class = "background-header-top">
</div>
现在来看看CSS：
.background-header-top {
width: 100%;
heigh
浏览 4提问于2014-05-02得票数 0
我有：
<div style="position: relative; width: 500px; background-color:Yellow;">
<div style="position: absolute; top: 0px; left: 0px;">A</div>
<div style="position: absolute; top: 0px; right: 0px;">B</div>
</div>
而background-color被忽略了。但
浏览 7提问于2013-06-05得票数 0
回答已采纳
1回答
我试图让两个div并排坐，其中一个div扩展到填补空空间。
我正在工作的网站有一个链接，旁边有一个颜色块。颜色块应该保留div的宽度，这取决于链接文本占用了多少空间。
最初，我试着并排浮动Div，但当降低屏幕大小时，这是行不通的。我也尝试过内联块，但这也不起作用。
最后，我尝试了决议，再次这是行不通的。我哪里出问题了？
我的代码是：
<div class="link-wrapper">
<div class="block yellow">
</div><!--/ Block -->
&l
浏览 3提问于2015-07-17得票数 0
回答已采纳
1回答
我正在寻找修复我的网站布局。这有点令人困惑，所以我希望我能解释得足够好。
这是我目前的密码。
<div class="allContent">
<div class="contactDetailsRight backgroundTall">
<div class="backgroundTop">
<div id="contactTabs">
<ul class="headTabs">
浏览 1提问于2012-06-21得票数 0
回答已采纳
全部：
我对ngStyle非常陌生，我想知道为什么我的指令模板代码不起作用，比如：
template: "<div ng-style='{'color':'red'}'>This is test ngStyle</div>"
该错误类似于：
错误:错误:表达式的意外结束
表达式的意外结束：{0}
谢谢
浏览 2提问于2016-02-10得票数 0
回答已采纳
使用离子列表和离子项，我无法检测到按钮或div等元素的点击。
例如，在这里使用ng单击不起作用：
<ion-list>
<ion-item ng-repeat="device in devices">
<div ng-click="deviceOption(device.id)"> CLICK HERE</div>
</ion-item>
</ion-list>
浏览 4提问于2015-06-24得票数 8
回答已采纳
0回答
我需要更改此元素的颜色
<div class="box download">
<div class="box-inner-block">
<a href="" target="_blank" rel="noopener">Plugin Windows</a>
</div>
</div>
我用以下命令从CSS调用a：
.download.box-inner-block a {
color: white!im
浏览 2提问于2017-12-06得票数 0
回答已采纳
2回答
我试图让锚点在活动和焦点上更改颜色，但要么是我的语法错误，要么是样式被覆盖。
<ul id="nav">
<li class="nav active">
<a href="/">HERE</a>
</li>
<div class="dropdown">
<li class="drop nav active">
<a href="/about.php"
浏览 0提问于2016-02-21得票数 1
我现在有个很直接的问题。not选择器不工作的类(无空间)归因于一个跨度内的另一个跨度。但是，当无空间类位于其父div中时，:not属性工作。
这是我的密码：
HTML：
<span class = "darken">
<span class = "spaceless">
Test1
</span>
Test2
</span>
CSS：
.darken {
background: #AAA;
}
.darken:not(.spaceless) {
color: #F
浏览 1提问于2021-06-19得票数 0
回答已采纳
4回答
我写了这个样式来改变鼠标悬停时div和文本的颜色。问题出现在带有超链接的文本上。它在Firefox和Chrome中很完美，但在IE中不起作用。我使用的是版本10。
这里需要一些帮助。
这是风格..。
<style type="text/css">
.buttonstyle {
height:30px;
width:200px;
background-color:#FFF;
font-family:"Arial";
font-weight:bold;
浏览 0提问于2013-09-13得票数 0
我让它起作用了：
<div data-people="australian">Australian people eats...</div>
<script type="text/javascript">
alert($("[data-people=australian]").html());
</script>
但是另一个不起作用，我不知道如何解决：
<div id="mich">Australian people eats...</di
浏览 0提问于2012-12-26得票数 14
回答已采纳
我使用.append()来创建一组按钮，这些按钮带有动态创建的类和I(因此它们是正确的颜色)，并带有一个for循环。类和in在一个JSON item[]数组中。
$("#display").append('<div class="ui-block-a"><a href="#" data-transition="flip" id="'+item[i].CssId+'" class="'+items[i].CssClass+' ui-btn ui-cor
浏览 1提问于2014-02-26得票数 0
1回答
我有一个聚合物模板，其中的一部分是在运行时使用attched方法注入的jquery组件。
<template>
<div class="layout vertical">
<div id="host" style="width: 95%; height: 75%;position:absolute; margin: 10px 10px;"></div>
<paper-toggle-button class="layout
浏览 2提问于2016-02-25得票数 0
3回答
我正在尝试像这样的布局，有一个全宽的灰色边框，但在活动项下面有不同的边框颜色： enter image description here 但它不起作用。你知道为什么吗？ https://jsfiddle.net/Ldye5qg8/ <div class="container">
<div class="nav">
<a class="active" href="">Item 1</a>
<a href="">Item 2</a&
浏览 14提问于2020-11-20得票数 0
回答已采纳
5回答
操纵背景颜色
、、、
我在这里做错了什么？
我试着用jquery改变文档的背景颜色，但是它不知道为什么？
HTML：
<div class="myTabs">
<div class="ajax__tab_active">
<div class=".ajax__tab_inner" style="width: 100px; height: 100px; background-color: green;" >
</div>
</div>
<
浏览 1提问于2012-01-27得票数 0
回答已采纳
我正在编写javascript，当鼠标悬停在元素上时，它将改变元素的颜色。我非常清楚如何使用jQuery来完成这个任务，但这一次我必须使用纯JS或Prototype来完成它。
为什么这不起作用
<div id="boundary1"></div>
document.getElementById("boundary1").onmouseover(function() {
alert("test");
})
firebug返回：
TypeError: document.getElementById(...).onmou
浏览 4提问于2014-01-17得票数 0
回答已采纳
1回答
Jquery : and和Css
、、、、
我有个div。在我的CSS中，我在这个div之前添加了‘：’，以便在它上面创建另一个颜色块。
在jquery中，我希望更改鼠标上方的颜色，但只更改“div:doesn”块的颜色，但它不起作用。
我该如何解决我的问题？
特克斯
My CSS :
div {
background:cyan;
width:200px;
height:300px;
}
div.color:before {
content:'Color me !';
background:orange;
width:100px;
height:100px;
浏览 1提问于2014-02-17得票数 2
为什么只有名字在改变颜色，而年龄却没有改变？
<div id="user">
<?php echo $user_name; ?>
<span class="age"><?php echo $user_age; ?></span>
</div>
用户名颜色更改起作用，但跨度内的年龄不起作用。
$(document).ready(function(){
$('#user').css('color','red');
$('#user#age&
浏览 0提问于2012-04-19得票数 0
回答已采纳
我想在boostamp中更改我的导航栏的颜色(颜色现在是黑色)。
我使用下面的代码：
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
在body部分中：
<div class="navbar navbar-inverse navbar-fixed-top ">
<
浏览 0提问于2013-05-14得票数 0
回答已采纳
我把不同的页面连接起来了。现在我想要的是，如果访问者通过点击链接访问任何页面，该链接将更改为不同的颜色。
在我的情况下，它不起作用，我不知道为什么。
我的代码：
HTML：
<div id="pageLink">
<ul>
<li><a href="index.php" id="index"><div id="indexDiv">Welcome</div></a></li>
<li><a href="a
浏览 1提问于2015-05-16得票数 0
回答已采纳
1回答
为什么填充颜色梯度在最后三种颜色中不起作用？
有人知道吗？
也许他们必须改变这个文件上的某些东西
optionsos = {
chart: {
height: 225,
type: "pie"
},
stroke: {
curve: "smooth",
width: 0
},
series: [30, 15, 25, 18, 20, 13, 15, 10, 23, 25],
labels: ["Series 1", "S
浏览 8提问于2022-07-24得票数 0
2回答
当我将边距应用于元素而不是扩展其包含的元素时，它会在元素之外创建边距。因此，下面的代码在div的彩色背景之间有一个空格。
这一切为什么要发生？在我看来，扩展包含div的内容似乎更符合逻辑(因此，在代码示例中，没有空白，颜色的“条形图”会更胖)。
有办法用CSS我可以阻止它发生吗？
<div class="one">
<p>Text</p>
</div>
<div class="two">
<p>Text</p>
</div>
<div class=&#
浏览 0提问于2013-11-22得票数 0
回答已采纳
我有一个菜单，里面有点击电话。然后，js脚本捕获数据并将其发送到php脚本进行处理，并将其返回给js脚本，该脚本应该将结果放入定义的文档元素中。很简单对吧。
但是，由于某种原因，如果我在css中设置背景色，结果将不会显示。下面是我代码的相关部分。有人能向我指出我的代码中是否有缺陷；如果没有，为什么会发生这种行为？
我的css..。
.decade { margin-left: 150px; padding: 20px; color: green; }
.slaby { position: fixed; left: 200px; bottom: 86px; top: 50px;
浏览 0提问于2018-04-05得票数 0
回答已采纳
1回答
我正在尝试使用react和state内联切换submit按钮的背景颜色。我知道这可以通过风格中的布尔值isMouseOver ? "black" : "white"来实现。但我想知道为什么我的第一次尝试不起作用？即使我的鼠标操作更改了变量myColor： import React, { useState } from "react";
function App() {
const [myColor, setColor] = useState("white");
浏览 23提问于2021-01-06得票数 0
回答已采纳
我想在下面的div中更改背景颜色和文本颜色
HTML
<div class="readmore">
<a href="#">readmore</a>
</div>
CSS
.readmore{
width: 200px;
text-align: right;
background-color: #FFCC66;
color: #336699;
}
.readmore:hover{
background-color: #336699;
color: #FFCC66
浏览 0提问于2013-04-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
