css - dijit button theming not visibly applying in IE6 -


I have a simple page, with a digit button. I'm trying to override the font on the button with blue, time, bold. It works fine in FF, but in IE, I'm just looking at black, aerial, normal text. If I look at IE Dev Toolbar, then it shows the rule to be implemented, but not in the display. Am I doing something wrong? Here's the code:

  & lt; Html & gt; & Lt; Top & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" & gt; & Lt; Title & gt; Theme Test & lt; / Title & gt; & Lt; Link href = "js / dojo / resources / dojo.css" rel = "stylesheet" type = "text / css" & gt; & Lt; Link href = "js / dijit / themes / tundra / tundra.css" rel = "stylesheet" type = "text / css" & gt; & Lt; Style type = "text / css" & gt; . Tundra .DigitButton {font-family: 'Times New Roman', times, serif; Color: # 3a7bb8; font-weight: bold; } & Lt; / Style & gt; & Lt; Script type = "text / javascript" src = "js / dojo / dojo.js" DJ configured = "parso download: true, handbab: incorrect" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; Dojo.require ("dijit.form.Button"); Dojo.require ("dojo.parser"); & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body class = "tundra" & gt; & Lt; Button dojoType = "dijit.form.Button" & gt; This time, bold, blue & lt; / Button & gt; & Lt; / Body & gt; & Lt; / Html & gt; Try to make the selector more specific, so you are assured that it takes precedence, such as:  
  body. Tundra .dijitbutton {}  

Or, if there is a strange bug in IE that the style is not cascadeable, select the category that is the exact area you want to modify, such as :

  body. Tundra .dijitButtonText {}  

Comments

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -