CSS"颜色"不起作用

Question

我有一个link_to如下所示:

<td><%= link_to '<span class="glyphicon glyphicon-trash"></span>Delete it'.html_safe, post, method: :delete, data: {confirm: 'Are you sure?'}, class: 'btn btn-danger btn-lg white' %></td>

如你所见,我已经添加了一个"白色"类.它的目的是定义一个CSS,使白色按钮中的文本"删除它"的颜色.CSS如下:

.white {
    color: white;
    background-color: yellow;
}

问题是除了"color"之外的所有选项在CSS中都能正常工作.例如,在上述情况下,"背景颜色"工作正常,但"颜色"不工作.文本的颜色永远不会改变(保持默认 - 黑色).

我不知道我哪里出错了.我该如何解决这个问题？

Answer 1

看起来好像你可能正在使用Bootstrap.加载Bootstrap后加载自定义CSS文件了吗？要快速修复,您可以尝试:

.white { color: white !important; }

但很难推荐作为一种永久的解决方案,它是一种虚假的方式.

要找出哪个CSS实际上为文本提供了颜色,请右键单击它,检查元素(或浏览器的任何内容),然后按照上面的建议检查计算出的CSS.