2012-07-22 62 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代碼。刪除它,它會正常工作。