html - 使用 CSS 样式化 `tt`

标签 html css

我正在处理一个机器生成的 HTML 文件,其中包含许多 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 标签的样式不受支持?

最佳答案

也许它在某些浏览器上不起作用,因为 tt 元素已被正式弃用(参见 http://www.w3.org/wiki/HTML/Elements/tt )。 tt 标签的推荐替代方法是在 CSS 中使用 font-family: monospace

关于html - 使用 CSS 样式化 `tt`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7325951/

相关文章:

javascript - 如何将 div 元素定位到背景上的确切点

html - CSS - 如何添加第二个渐变使这个按钮半透明?

html - 元素展开后窗口宽度

html - 截断文本时更改div中的文本颜色

html - 如何在div的背景图片上获取 anchor 标记?

html - 是否可以使用 css 使我的柱状 div 框响应较小的设备?或者我可以使用 Bootstrap 吗?

jquery - 如何删除 css : hover using jquery?

javascript - document.write 样式 css javascript

html - CSS 覆盖内部 html 标签内的内容

javascript - 如何在不影响可见性的情况下为 Instagram Logo 添加颜色渐变?