ansaurus

Question

dijit button theming not visibly applying in IE6

Answer 1

A:

It's probably not ideal, but I can get this to work using an ID as opposed to the class. Maybe IE doesn't apply the style after the dijit is rendered? I dunno...here's the code I used:

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

Swingley 2009-07-24 21:36:25

Hmm... that's certainly less than ideal. If I change the theme from tundra to nihilo, it changes the appearance, so *something's* getting applied. Just not my override.Maybe I can figure out some other more specific selectors to use, though. Or put the id on the outside somewhere....

sprugman 2009-07-27 16:21:49

This didn't work: `<div id="btn"><button dojoType="etc">Should be Times</button></div>`

sprugman 2009-07-27 17:00:26

Answer 2

+1 A:

Try making the selector more specific, so you are assured it takes precedence, like:

body .tundra .dijitButton {}

Or, if IE has a weird bug about not properly cascading the style, choose the class that is applied on the precise area you want to modify, like:

body .tundra .dijitButtonText {}

jrburke 2009-07-27 17:58:36

Thanks. I was hoping someone might know off-hand what cascade to use -- there are a **lot** of classes and spans in that generated code...

sprugman 2009-07-27 18:59:42

Answer 3

+1 A:

Using <button> as the selector seems to work:

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

You can also use more specific selectors .tundra button, .tundra #myDiv button, etc.

sprugman 2009-07-27 19:13:28

correct... IE6 has some issues with multiple CSS classes being used in selectors.

scunliffe 2009-07-27 19:16:25

ansaurus

tags:

views:

answers:

dijit button theming not visibly applying in IE6

related questions