未显示 CSS 背景颜色

css background colour is not displaying

本文关键字：颜色 背景 CSS 显示      更新时间：2023-09-26

我有几个盒子(超过 100 个(，它们将动态创建

<div id="window5"></div>
<div id="window18"></div>
<div id="window190"></div>

根据数据库条件，不同的框中将存在一些默认的不同颜色。 现在，如果我单击一个框，颜色应该是灰色的，那么如果我单击另一个框，颜色应该更改为红色(第一个框颜色应该恢复正常(。只有当我的默认颜色不存在时，我才能获得灰色(点击(。 如果存在某些颜色，则灰色将隐藏在原始默认颜色下。 是否有任何 css 属性可以解决此问题。

我的 css 文件： 

.selected{
    background-color: red;
}

使用JavaScript代码作为;

    $(document).ready(function () {
        $("div[id *= 'window']").live('click', function (e) {
           $(".selected").removeClass("selected");
            $(this).addClass("selected");
            e.stopPropagation();
        });
        $(document).click(function () {
            $(".selected").removeClass("selected");
        });
    });       
</script>

如果您已经在样式表中指定了背景颜色，那么这可能优先。为了克服这个问题，你可以使用内联样式或！important指令。

background-color:red!important;
div

没有大小，因此没有要显示的背景。

如果你把显示文本放在你的div中，或者你给它一个宽度和高度，它会显示你的背景

相关文章：