在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類設置色彩不起作用

回答

相關問題