html - 引导文本隐藏类被覆盖

Question

您好，只是想知道是否有人对无法在手机/平板电脑上运行的文本隐藏类有问题。它的元素似乎被 Boostrap 自己的 CSS 主要是“颜色”和“字体大小”属性覆盖。我发现如果我把它放在我的自定义 CSS 中并给它一个更具体的选择器名称就可以了！在这种情况下，我将其应用于“导航栏品牌”以使用徽标作为背景图像并隐藏文本。

.navbar-default .text-hide {
    color: transparent;
    border: 0px none;
    background-color: transparent;
    text-shadow: none;
    font: 0px/0 a;
}

有一个内置的图像替换类很棒，但奇怪的是它被自己的 CSS 覆盖。

谢谢

Answer 1

你可以尝试放一个！important; 在你的 CSS 的每一行中，这样它就会覆盖引导程序。

示例代码：

 color: transparent !important;