dijit按鈕主題不能明顯地應用在IE6中

我有一個非常簡單的頁面，只有一個dijit按鈕。我試圖用藍色，粗體，重寫按鈕上的字體。它在FF中工作正常，但在IE中，我只看到黑色，宋體，普通文本。如果我查看IE開發工具欄，它將顯示規則應用，但不顯示。難道我做錯了什麼？下面的代碼：dijit按鈕主題不能明顯地應用在IE6中

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>Theme Test</title> 
     <link href="js/dojo/resources/dojo.css" rel="stylesheet" type="text/css"> 
     <link href="js/dijit/themes/tundra/tundra.css" rel="stylesheet" type="text/css"> 
     <style type="text/css"> 
      .tundra .dijitButton { 
       font-family:'Times New Roman',Times,serif; 
       color:#3a7bb8; 
       font-weight:bold; 
      } 
     </style> 
     <script type="text/javascript" src="js/dojo/dojo.js" djConfig="parseOnLoad:true, isDebug:false"></script> 
     <script type="text/javascript"> 
      dojo.require("dijit.form.Button"); 
      dojo.require("dojo.parser"); 
     </script> 
    </head> 
    <body class="tundra"> 
     <button dojoType="dijit.form.Button">This should be Times, Bold, Blue</button> 
    </body> 
</html>

來源

2009-07-24 sprugman

使用<button>的選擇似乎工作：

<style> 
button { 
    font-family:'Times New Roman',Times,serif; 
    color:#3a7bb8; 
    font-weight:bold; 
} 
</style>

您還可以使用更具體的選擇.tundra button，.tundra #myDiv button等

來源

2009-07-27 19:13:28 sprugman

它可能不理想，但我能得到這個使用，而不是類的ID工作。也許IE在dijit呈現後不適用風格？我不知道......這裏是我使用的代碼：

<style type="text/css"> 
    #btn { 
     font-family:'Times New Roman',Times,serif; 
     color:#3a7bb8; 
     font-weight:bold; 
    } 
</style> 

<button dojoType="dijit.form.Button" id="btn">This should be Times, Bold, Blue</button>

來源

2009-07-24 21:36:25

嗯......那是肯定不夠理想。如果我將主題從苔原改爲nihilo，它會改變外觀，所以*有些東西*會被應用。只是不是我的重寫。雖然我可以找出一些其他更具體的選擇器來使用。或者把ID放在外面的某個地方.... – sprugman 2009-07-27 16:21:49

這不起作用：`

` – sprugman 2009-07-27 17:00:26

嘗試使選擇更具體的，所以你放心，它的優先級，如：

body .tundra .dijitButton {}

或者，如果IE瀏覽器有一個奇怪的錯誤有關不能正常級聯樣式，選擇適用於您要修改的精確區域，如類：

body .tundra .dijitButtonText {}

來源

2009-07-27 17:58:36 jrburke

謝謝。我希望有人可能知道副手什麼級聯使用 - 有很多類**和跨度在生成的代碼... – sprugman 2009-07-27 18:59:42

我不能投票了，但是我有同樣的問題。使用按鈕選擇器並不適合我。相反，jrburke發佈的解決方案是正確的。「IE瀏覽器有一個關於沒有正確級聯樣式的奇怪錯誤，請選擇應用於要修改的精確區域的類」

.dijitButtonText {}是需要的。

我用

.dijitButton .dijitButtonNode {}爲背景顏色等

.dijitButton .dijitButtonNode .dijitButtonText {}爲字體主題化。

我也用

.dijitButton.dijitButtonHover .dijitButtonNode .dijitButtonText {}

.dijitButton.dijitButtonActive .dijitButtonNode .dijitButtonText {}

來源

2012-02-17 10:06:46

dijit按鈕主題不能明顯地應用在IE6中

回答

相關問題