【问题标题】:CSS Strike Through in Inspector检查器中的 CSS 删除线
【发布时间】:2018-09-24 20:19:37
【问题描述】:

在我的网站上工作,我有 fa 图标,应该是黑色的。它们是黑色的,然后我更改了我的 css 文件(然后更新了我的 html 上的所有链接),现在我的图标没有显示,当我检查元素时,我有一个颜色:#000;我的 .fa-icon 部分的一部分。我试过了!important,但颜色仍然没有出现。有什么建议吗?

.fa-icon {
  color: #000;
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  font-size: 15px;
  text-align: center;
}

【问题讨论】:

  • 您能否(在检查器中)通过使用属性旁边的小复选框禁用属性来识别覆盖您的 .fa-icon 的选择器(是您的代码还是您包含的某些代码) (在这种情况下为“颜色”)?
  • 你说'color:#fff'有一个罢工,但在你的代码中你有'color:#000',这只是一个错字吗?
  • 是的,#000 是黑色,#fff 是白色,所以如果没有显示(如果设置为白色),背景是什么颜色? (因为如果前景和背景都相同,它就不会显示......)如果有删除线,那么它会被其他地方的 css 覆盖......你需要发布 css 文件。
  • 是的,对不起-错字!我的意思是我有一个删除颜色:000,而不是#fff,而且我的 css 文件绝对是巨大的。我更新了我的帖子,这是我的笔:codepen.io/anon/pen/GXbqxo 图标在版权信息上方。

标签: html css web-inspector


【解决方案1】:

划过颜色:#fff;表示规则已在之后重新定义或之前已由 !important 定义;规则,不能修改。一路向上和向下检查您的检查器,您会找到它。考虑通过内联 HTML css 或 javascript 函数在元素级别覆盖。

【讨论】:

  • 我不完全确定如何通过检查器进行故障排除。我不知道要找什么
【解决方案2】:

实际上的问题是你在你的css中导入的字体很棒的cdn css在cdn路径下使用并检查它不起作用。

@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

将此链接导入css文件。

【讨论】:

    猜你喜欢
    • 2014-04-13
    • 2012-01-23
    • 1970-01-01
    • 1970-01-01
    • 2016-06-15
    • 1970-01-01
    • 2016-02-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多