强制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;
}