title: how to use dojo.setStyle for setting the color
body: <p>I am having two questions with respect to this above program </p>
  
  <ol>
  <li><p>The Width of the button is appearing very small </p></li>
  <li><p>How can I change the color of the button programatically means onclick of this button I have a function?</p>
  
  <p>dojo.setStyle("bid" ,"color" ,"red");</p></li>
  </ol>
  
  <p>But both aren't working</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
     &lt;link rel="stylesheet" type="text/css"
  href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"/&gt;
  
   &lt;script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
  djConfig="parseOnLoad: true"&gt;
   &lt;/script&gt;
      &lt;script&gt;
           dojo.require("dijit.form.Button");
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body class="claro"&gt;
  &lt;div  dojoType="dijit.form.Button" id="bid" style="color: green;width: 335px; font-size:12px;"&gt;&lt;/div&gt;Save
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>