在CSS类设置色彩不起作用

我不能设置这个CSS类，颜色指令不工作，但文字阴影一样。帮我？在CSS类设置色彩不起作用

.jumbotron { 
    position: relative; 
    padding: 40px 0; 
    color: #6495ed; 
    text-align: center; 
    text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); 
}

我试图删除文字阴影，但它也没有工作。

来源

2013-01-19 Black_Ram

你的问题是什么？它似乎在我的所有浏览器中都能正常工作。这是[小提琴]（http://jsfiddle.net/FjDdt/）。该文本是蓝色的，带有灰色阴影。 – toniedzwiedz

尝试'颜色：＃！6495ed important' – Wilq

[看起来像CSS顺序问题（http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/） – Peter

使用!important覆盖其他颜色样式。

，如：color: #6495ed !important

来源

2013-01-19 12:35:34 Wilq

！重要的可能是危险的，因为他将这种风格应用于类而不是id。确保它不以意想不到的方式覆盖事物。 –

它也增加了规则权重，对于旧浏览器的选择器引擎来说更慢。应该使用级联的顺序来完成。你唯一需要重点使用的地方是从默认的样式表中解决Mozilla的按钮填充问题。 –

我觉得在大括号丢失。把所有的设置放在.jumbotron班，然后试试看。祝你好运。

我做了一个测试你的CSS代码：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8" /> 
    <title>Untitled</title> 
    <meta name="author" content="" /> 
    <style> 
    .jumbotron { 
     position: relative; 
     padding: 40px 0; 
     color: red; 
     text-align: center; 
     text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); 
    } 
    </style> 
</head> 
<body> 
    <p class="jumbotron">This is a test</p> 
</body> 
</html>

这似乎运作良好

来源

2013-01-19 12:44:34 Sarah

如果背景颜色发生改变，但文字并不那么一个可能的原因是锚。默认情况下，当您将文本置于锚点时，它会自动加下划线，因为它是一个链接，并且在访问过一次时会加下划线。因此，如果任何人有这个问题试图重写，在CSS通过

a:hover, a:active, a:link, a:visited { 
    text-decoration:none; 
    color : #000; /* for example */ 
}

或简单重复的CSS项目并添加在全班同学面前“一”：

MyClass的，myClass的一个{ }

来源

2016-11-24 14:33:36

在CSS类设置色彩不起作用

回答

相关问题