html - css 类覆盖样式 html 片段

标签 html css

您好,我正在使用 CMS(内容管理系统),它使用 CSS 为按钮和菜单项着色。

我使用 Firefox 开发人员检查了元素并且标记了按钮

<span class="cta-button cta-icon-left  cta-custom-color-0 cta-button-medium cta-button-nomocaption cta-button-nomosubcaption cta-button-nomoicon">

我相信“cta-custom-color-0”是包含按钮颜色的地方。

我尝试将以下 HTML 片段添加到页面

<style>
.cta-custom-color-0 {background-color: #8640a8;}
</style>

但是它并没有改变按钮的颜色。

用样式片段覆盖颜色的正确 CSS 语法是什么?

参见 Send to Google Maps Button here on sample page

最佳答案

就像评论者所说的那样,您需要使用浏览器的开发人员工具,并找到感兴趣的元素。

原来你正在尝试设置包装的颜色,但实际的黑色来自类为 .cta-body.cta-normal 的内部元素

所以我相信你需要:

.cta-body.cta-normal {background-color: #8640a8;}

enter image description here

enter image description here

关于html - css 类覆盖样式 html 片段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40472416/

相关文章:

css - 无序列表中的列表项之间存在微小间隙

javascript - Jquery 下拉菜单无法正常工作

javascript - Toastr 多个 div

javascript - 将动态生成的字符串从 View 传递到 Controller

html - 使用 CSS 在 anchor 内垂直对齐图像

html - 我怎样才能把它居中,而不弄乱我的伪元素?

html - 如何让一个 React 组件占据整个屏幕(在所有设备上)直到您向下滚动?

jquery - 当另一个元素悬停时保持一个元素的悬停

jquery - 在一行中 Bootstrap HTML 输入字段

jquery - 如何使用 Jquery 和 Hype 为 HTML5 视频创建音量 slider