 <p>if you want to remove the grey color in active buttons, just override it as follows:</p> <pre><code>.active{ background-color:white !important; } </code></pre> <p><em>note:</em></p> <blockquote> <p>And can you please let me know how I can get rid of the darker grey at the Top of the active class?</p> </blockquote> <p>well, if you are reffering to the highlighted button in the second image, it doesn't have active class, it's a non-active class. by setting all buttons as active initially,on first click it simply becomes inactive. You might want to think about what you are doing.</p> <p><strong>Update</strong> if you want to change the grey color you can do so by adding another class and toggling it as follows:</p> <pre><code>.select{ background-color:white !important; } $("div").children().click(function () { $(this).toggleClass("select"); }); </code></pre> <p>working <a href="http://jsfiddle.net/EFQHN/" rel="nofollow">fiddle</a></p>