css - 为什么 &lt;textarea&gt; 和 <textfield> 不从正文中获取字体系列和字体大小?

标签 css xhtml

为什么 Textareatextfield 没有从正文中获取 font-familyfont-size

请在此处查看实例 http://jsbin.com/ucano4

代码

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>texearea font</title>
        <style type="text/css">
        body {
            font-family: Verdana, Geneva, sans-serif;
            font-size:16px
        }
        </style>
        </head>            
        <body>
        <form action="" method="get">
        <textarea name="" cols="20" rows="4"></textarea>
        <input name="" type="text" />
        </form>
        <p>some text here</p>
        </body>
        </html>

如果这是一种常见的行为,那么我应该像这样在 css 中编写。我需要所有相同的样式

body,textarea,input  {
                font-family: Verdana, Geneva, sans-serif;
                font-size:16px
            }

XHTML 中还有多少其他元素不会采用 body {....} 的字体样式?

最佳答案

某些控件默认不继承字体设置。你可以通过将它放在你的 CSS 中来覆盖它:

textarea {
   font-family: inherit;
   font-size: inherit;
}

关于css - 为什么 &lt;textarea&gt; 和 <textfield> 不从正文中获取字体系列和字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24107215/

相关文章:

html - 需要 CSS 纯粹主义者的帮助!

android - Flexbox 在 Android 4.4.2 的 Android Web 浏览器中不工作

html - 我怎样才能正确地将这个 div 放在它的容器中?怎么了?

jquery - 缩放页面时如何阻止元素换行?

url - 在 UTF-8 XHTML 文档中编码 Unicode URL

html - 应用样式表后两个按钮(超链接、提交)大小不一样

html - 如何将 bootstrap 网格列一个一个地堆叠在另一个下方而不是一个并排地堆叠?

html - 为什么背景图像没有显示在这个简单的代码中?

javascript - 为什么这些文件的文件名有随机字符串?

html - 在相对定位的 div 周围环绕文本