强制HTML textarea使用CSS使用等宽字体

如何使我的文本区域使用等宽字体？

Answer 1

如果我理解正确，它应该已经inheritance了默认的用户代理样式，但是如果你想明确地指定一个font-family（从Stackoverflow样式表顶端的样式）

textarea { font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; } 

首先指定更具体的（特定于空间的）字体系列，如果用户代理不具有可用的字体系列，它将继续尝试直到结束，在这种情况下，它将默认为该元素的默认用户代理字体系列，如果有任何指定。

Answer 2

您也可以使用标准的通用font-family: monospace ，但要小心 – 在Chrome，Safari和任何基于WebKit的版本中都会出现一些严重的副作用（可惜）。

看到：

• http://webkit.org/blog/67/strange-medium/
• http://archivist.incutio.com/viewlist/css-discuss/103606

Answer 3

只需使用等宽字体。 例如，像这样的东西：

 <textarea id="mytextarea"></textarea> 

CSS将是：

 #mytextarea { font-family: monospace; } 

如果你想使用一个特定的等宽字体，你可以但是不要忘记在最后添加通用的“等宽字体”，以防用户没有安装你喜欢的字体：

 #mytextarea { font-family: 'DejaVu Sans Mono', monospace; } 

Answer 4

 textarea { font-family: monospace; } 

你可能需要添加一个重要的，如果不工作

 textarea { font-family: monospace !important; }