Hello,
I am trying to set a class on a jquery button to change the background color, but the UI styles override my css.
My html is here:
<button class="pull-right js-disable-cursor-button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only button-disabled" id="insertSmsPlaceholder" role="button" aria-disabled="false" style="cursor: auto; background-color: rgb(204, 204, 204);">
<span class="ui-button-text">
<span class="ui-button-text">Insert</span>
</span>
</button>My CSS which I cant seem to override no matter where I set the style:
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: url("images/ui-bg_flat_100_736CB0_40x100.png") repeat-x scroll 50% 50% #736CB0;
border
:
0 none
;
color
:
#FFFFFF
;
font-weight
:
normal
;
}