html - 调整 Bootstrap 大小后文本颜色变回

标签 html css fonts media-queries

我正在做一个涉及定价表的小元素 (http://laurensvandijk.com/as/diensten.html)

我想使用两种不同的文本颜色,浅色表示所有未包含的功能,深色表示包含的功能。

我试过使用这段代码:

.nofeature {
        color: #cccccc;
    }
<p class="nofeature"><i class="fa fa-times"></i>
                        Verzorging kunststof</p>

每当我将此页面的大小时调整为平板电脑或移动设备 View 时,较浅的字体颜色(文本前面有 X)会变回较深的正常文本颜色。我查看了 bootstrap.css 文件,但未能找到合适的解决方案。

最佳答案

我刚刚看了你的 CSS prijstabel.min.css

您已在 @media (min-width: 1200px) 中设置了 .nofeature 规则,这意味着它仅适用于宽度至少为 1200px 的情况。

只需在你的 css 末尾设置你的 .nofeature 规则,没有@media 规则

关于html - 调整 Bootstrap 大小后文本颜色变回,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26033865/

相关文章:

html - textarea和提交按钮的关系

html - 以相同的速率收缩 CSS 网格的列

html - 使用 <use> 将填充更改为 svg

javascript - 制作下拉式更多信息 div 的最佳方法是什么?

javascript - 在悬停时显示具有模糊/渐变边缘的图像部分

css - QTextDocument 中的自定义字体

Java Swing 按钮文本显示不同

CSS font-face 不起作用

php - 将 *.htm 重定向到 *.php

html - 带有ul和左右图标的导航栏 : icons on the right get pushed down