【问题标题】:What is default font style of textarea in chrome? (text input vs textarea "size" of text)chrome中textarea的默认字体样式是什么? (文本输入与文本的文本区域“大小”)
【发布时间】:2013-11-16 02:08:58
【问题描述】:

chrome中textarea的默认字体样式是什么?应该让它默认看起来像什么? 我的问题的目的是我想让文本在输入中与在 textarea 中相同。在文本输入中可能过于“粗体”:P
问题应该是:textarea 上应用的默认字体属性是什么?如果我想看起来像默认值,我会写什么?

textarea {
font-???: ???;
etc.
}

【问题讨论】:

    标签: css fonts textarea default-value


    【解决方案1】:

    直接回答您的问题,

    textarea 的默认字体属性是font-family: monospace

    虽然input 的默认字体属性是font-family: Arial

    可以通过在 Chrome 开发者工具中查看元素的 computed 样式来找到元素(在 Chrome 中)的所有默认样式属性。对于所有属性,查看此(example)

    【讨论】:

    • 谢谢和很好的例子:)
    • 如果我将字体系列设置为不受支持的字体(例如“ArialMT”),则设置 Times New Roman 而不是等宽字体。为什么?
    • macOS 上的 Safari 和 Chrome 以及 iOS 上的任何浏览器都不是这种情况;而是使用 Helvetica。不过,我不知道为什么会出现这种情况。
    • ^^^ for textarea(即 Helvetica 而不是等宽字体)
    【解决方案2】:

    正如another answer 中提到的,您可以强制 textarea 继承字体样式,使其看起来像默认:

    textarea {
      font-family: inherit;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-06-08
      • 1970-01-01
      • 2015-05-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-08-25
      • 2014-07-14
      相关资源
      最近更新 更多