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

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

1> meder omural..：

---

如果我理解正确,它应该已经继承了默认的用户代理样式,但是如果你想明确地,只需指定一个font-family(样式从Stackoverflow样式表中获取)

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

首先指定更具体的(特定于等宽度的)字体系列,如果用户代理没有可用的字体系列,它将继续尝试它们直到结束,在这种情况下,它将默认为该元素的默认用户代理字体系列,如果有的话.

---

您可能希望在其末尾添加一个`monospace`,以获得默认的回退等宽字体,如果没有指定的其他字体存在.

---

删除你的CSS中的边框部分,它不是问题的一部分,并混淆不自信的粉丝

2> Jeff Atwood..：

---

您也可以使用标准通用font-family: monospace,但要小心 - Chrome,Safari和任何基于WebKit的东西都有一些严重的副作用(遗憾).

看到:

http://webkit.org/blog/67/strange-medium/

http://archivist.incutio.com/viewlist/css-discuss/103606

---

关于不一致的浏览器默认值的警告+1; 幸运的是,这个应用程序是专门为程序员(在我们公司),他们可以根据自己的愿望设置他们的浏览器字体.

3> slebetman..：

---

只需使用等宽字体.例如:

css将是:

#mytextarea {
    font-family: monospace;
}

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

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