2012-07-22 64 views
0

CSS设置字体大小的文本输入我无法设置从样式表的文本输入的字体大小。但是,它通过设置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> 

我缺少什么?当然,您不希望为所有文本输入使用内联样式?这在某些情况下似乎很俗气和多余。谢谢一堆!

+0

在'meta'标签的'content'属性的值的格式不正确;它应该是'text/html; charset = utf-8'。可能与这个问题不相关,但肯定会在需要标签的情况下出现问题。 – 2012-07-22 04:41:49

回答

1

变化<style type="text/javascript"><style type="text/css">

你混淆了浏览器,因为它正在寻找的JavaScript代码,但你喂养它的CSS。 <script>标签应使用JavaScript和<style>标签CSS。

+0

对不起,这只是我做的例子中的一个错字。我只是固定的错字,但问题仍然存在(即使有正确的文本/ CSS值) – user353885 2012-07-22 03:51:32

+1

我不能复制的问题;用'type =“text/css”',一切都适合我。我简直就是做了一个复制粘贴。没有问题。 – cegfault 2012-07-22 04:19:12

+0

@ user353885,上传你已经使用了*确切*代码,通过复制和粘贴,或者,也许是更好地在这里,演示该问题的测试用例的URL。还请指定您用于测试的浏览器。 – 2012-07-22 04:46:01

0

你的风格块都有一个类型的文本/ JavaScript代码。删除它,它会正常工作。