css - element.style 未被自定义 CSS 覆盖
问题描述
我是 WordPress 新手,正在开发我的第一个网站。我正在使用一个实时聊天插件,它的颜色不是我喜欢的。看到按钮的背景颜色是使用内联 CSS 设置的,我尝试使用子主题覆盖背景颜色。但是,由于某种原因,它并没有覆盖颜色。我尝试了以下代码,但似乎没有一个工作。
#divClosedChatBar {
background-color: #222;
}
#divClosedChatBar {
background-color: #222 !important;
}
#divClosedChatBar[style] {
background-color: #222 !important;
}
<div id="divClosedChatBar" style="position:relative;width:205px;height:38px;top:0px;right:0px;bottom:0px;left:0px;overflow:hidden;border:0px;margin:0px;padding:0px;background-color:#1B68FF;text-align:center;cursor:pointer;vertical-align:middle;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;">
<div id="divUnreadMessages" style="float:left;position:absolute;height:16px;line-height:16px;margin-left:5px;margin-top:11.5px;padding: 0px;background-color:#FE6700;border-radius: 4px;">
<span id="txtUnreadMessages" style="display:none;padding:0px 3px 1px 3px; color:white;font-weight:bold;background: -webkit-gradient(linear, left top, left bottom, from(#FE9504), to(#FE6700));background: -moz-linear-gradient(top, #FE9504, #FE6700);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;">0</span>
</div>
<span id="txtHelpChat" style="display:inline-block;cursor:pointer;margin-top:10.5px;margin-right:auto;margin-left:auto;font-size:15px;color:#FFFFFF;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;">Leave us a message</span>
</div>
解决方案
推荐阅读
- java - 选择/取消选择检查菜单按钮在 javafx 中给出空指针异常
- rest - LinkedIn REST API 是否可访问客户端?
- python - 带有熊猫图的子图
- python - 在不初始化的情况下增加变量
- ios - 有没有办法阻止 NSFilemanger 导出数据和创建文件夹?
- macos - 在 Delphi for OSX64 中从 Macapi.IOKit 导入 IORegistryEntrySearchCFProperty
- ruby-on-rails - 如何在 File.read() 中用 haml 替换 html
- tensorflow.js - tfjs codelab“从二维数据进行预测”在 tf-vis.render.scatterplot 中使用 values 关键字
- reactjs - 提交密码后如何渲染组件?
- pdf - Ghostscript 将 PDF 2 转换回 PDF 版本 1.7