CSS樣式`tt`

我正在使用機器生成的HTML文件，其中包含許多tt標籤。我想在幾個方面他們的風格，但沒有一種方法爲我工作到現在：例如，CSS樣式`tt`

<html> 
<head> 
    <style type="text/css"> 
    .a {color:red;} 
    </style> 
</head> 
<body> 
    <p><tt class="a">this should be red</tt></p> 
</body> 
</html>

不以紅色渲染（至少在FF 6.0.1/Ubuntu的）。

我做錯了什麼，或造型tt標籤不支持？

來源

2011-09-06 Federico Poloni

FF中適用於我6.0.2 Windows –

適用於我。 Chrome在Ubuntu 11.x – Marvo

也適用於我FF 6.0.2 Windows 7 –

http://jsfiddle.net/kw6d5/

工程鉻13，火狐6，IE9 Win7上。

來源

2011-09-06 20:49:05

我剛剛在Chrome和IE中試過它，它工作得很好。嘗試其他瀏覽器，看看，也許它是特定於Firefox。

來源

2011-09-06 20:50:08

我剛剛測試過，並且.a{color:red;}在FF 6中看起來像樣式<tt>與類a就好（在Mac上）。

可能您已經在tt上設置了樣式？嘗試使用tt.a{ color:red; }而不是？

來源

2011-09-06 20:51:51 Jesse

也許它在某些瀏覽器上不起作用，因爲tt元素已被正式棄用（請參閱http://www.w3.org/wiki/HTML/Elements/tt）。替代tt標記的建議替代方法是在CSS中使用font-family: monospace。

來源

2012-08-03 09:22:49

如果你想觀察換行符，你需要'white-space：pre'。晚了點，但遲到比永遠晚！ :) –

回答

相關問題