Css dijit按钮主题在IE6中不明显应用_Css_Dojo

Css dijit按钮主题在IE6中不明显应用

css dojo

Css dijit按钮主题在IE6中不明显应用,css,dojo,Css,Dojo,我有一个非常简单的页面，有一个dijit按钮。我试图用蓝色、时间和粗体覆盖按钮上的字体。它在FF中运行良好，但在IE中，我只看到黑色、arial、普通文本。如果我在IE开发工具条中查看，它会显示正在应用的规则，但不会显示在显示中。我做错什么了吗？代码如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> &

我有一个非常简单的页面，有一个dijit按钮。我试图用蓝色、时间和粗体覆盖按钮上的字体。它在FF中运行良好，但在IE中，我只看到黑色、arial、普通文本。如果我在IE开发工具条中查看，它会显示正在应用的规则，但不会显示在显示中。我做错什么了吗？代码如下：

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


主题测试
苔原，迪吉特巴顿{
字体系列：'Times New Roman'，Times，衬线；
颜色：#3a7bb8；
字体大小：粗体；
}
require（“dijit.form.Button”）；
require（“dojo.parser”）；
这应该是泰晤士报，粗体，蓝色

这可能并不理想，但我可以使用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>


#btn{
字体系列：'Times New Roman'，Times，衬线；
颜色：#3a7bb8；
字体大小：粗体；
}
这应该是泰晤士报，粗体，蓝色

尝试使选择器更具体，以便确保它优先，如：

body .tundra .dijitButton {}

或者，如果IE有一个关于没有正确层叠样式的奇怪错误，请选择应用于要修改的精确区域的类，如：

body .tundra .dijitButtonText {}

使用

作为选择器似乎可以工作：

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


钮扣{
字体系列：'Times New Roman'，Times，衬线；
颜色：#3a7bb8；
字体大小：粗体；
}

您还可以使用更具体的选择器

.tundra按钮

，

.tundra#myDiv按钮

，等等。

我还不能投票，但我有同样的问题。使用按钮选择器不是为了我。相反，jrburke发布的解决方案是正确的。 IE有一个奇怪的错误，关于没有正确层叠样式，请选择要修改的确切区域上应用的类

.dijitbuttonext{}是所需要的

我曾经

.dijitButton.dijitbutonnode{}

用于背景色等

.dijitButton.dijitbutonNode.dijitButtonText{}

用于字体主题化

我也用过

.dijitButton.dijitButtonHover .dijitButtonNode .dijitButtonText {}

.dijitButton.dijitButtonActive.dijitButtonNode.dijitButtonText{}

嗯。。。这当然不太理想。如果我把主题从苔原改为nihilo，它会改变外观，所以有些东西会被应用。只是不是我的超控。不过，也许我可以找出其他更具体的选择器来使用。或者把id放在外面某处……这不起作用：

应该是Times

谢谢。我希望有人能马上知道该使用什么级联——在生成的代码中有很多类和跨度……正确。。。IE6在选择器中使用多个CSS类时存在一些问题。