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

Question

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

Answer 1

如果我理解正确，它应该已经继承了默认的用户代理样式，但如果你想明确地，只需指定一个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;
}

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

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

Answer 4

textarea
{
font-family: monospace;
}

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

textarea
{
font-family: monospace !important;
}