Question

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

这有效：

<!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>

这不起作用（忽略font-size）：

<!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>

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

Answer 1

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

您正在混淆浏览器，因为它正在寻找JavaScript代码，但您正在为它提供CSS。 <script>标记应用于javascript，<style>标记用于CSS。

Answer 2

您的样式块有一种text / javascript。删除它，它会正常工作。

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

2 个答案: