如何为样式表中的文本输入设置css字体大小答案

【问题标题】：How to set css font-size for text input from style sheet如何为样式表中的文本输入设置css字体大小
【发布时间】：2012-07-22 11:50:21
【问题描述】：

我无法设置样式表中文本输入的字体大小。但是，通过设置 style 属性可以正常工作。

这行得通：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text-htmlcharset=utf-; 8" />
    <title>Test</title>
    <style type="text/css">
#about {
}
    </style>
</head>
<body>
    <input id="about" type="input" value="anything" style="font-size:21pt;" />
</body>
</html>

这不起作用（字体大小被忽略）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text-htmlcharset=utf-; 8" />
    <title>Test</title>
    <style type="text/css">
#about {
    font-size:21pt;
}
    </style>
</head>
<body>
    <input id="about" type="input" value="anything" />
</body>
</html>

我错过了什么？当然，您不应该对所有文本输入使用内联样式吗？在某些情况下，这似乎很俗气和多余。非常感谢！

【问题讨论】：

meta标签中content属性的值格式错误；它应该是text/html;charset=utf-8。可能与这个问题无关，但在需要标记的情况下肯定会出现问题。

标签： css font-size

【解决方案1】：

将<style type="text/javascript"> 更改为<style type="text/css">

您让浏览器感到困惑，因为它正在寻找 JavaScript 代码，但您却在给它提供 CSS。 <script> 标签应该用于 javascript，<style> 标签用于 CSS。

【讨论】：

对不起，这只是我做的例子中的一个错字。我刚刚修正了错字，但问题仍然存在（即使文本/css 值正确）
我无法复制该问题；使用type="text/css"，一切都对我有用。我真的只是做了一个复制粘贴。没有问题。
@user353885，通过复制和粘贴的方式发布您使用过的确切代码，或者在这里更好地发布您的测试用例的 URL，以证明该问题。另请指定您用于测试的浏览器。
再次抱歉，修复了我的示例后，它仍然无法正常工作。现在它起作用了，所以我一定要疯了。完整的脚本仍然不起作用，但我认为问题在于另一个样式表上有一个重复的#id，它覆盖了字体大小。我在测试示例中犯了一个错误（文本/javascript），导致完全相同的行为，这只是一个巧合。那有什么几率呢？我只将它发布到stackoverflow，我似乎不太可能犯一个不相关的错误，导致完全相同的奇怪问题。无论如何，我会给你支票以寻求你的帮助。谢谢！

【解决方案2】：

您的样式块的类型为 text/javascript。删除它，它会正常工作。

【讨论】：