CSS behaviour Internet Explorer

[innocon]

Hi,

 

I needed to alter a buttonstyle on my form so I changed the class in OnBeforeRender:

 

function OnBeforerender(sender)

{

  sender.cls='btnblue';

  sender.overCls='btnblue-over';

}

 

And I added the below settings in the CustomCss of the Servermodule:

 

.x-btn {

  border-radius: 0px;

}

 

.x-btn-over {

  background: #777777;

}

 

.btnblue {

  background: rgb(3, 123, 189);

}

 

.btnblue-over {

  background: #77ABD8;

}

 

This works fine in Chrome and Firefox, but in Internet Explorer 10 the background color isn't changed.

Anyone know how to fix this?  

 

 

[innocon]

Found the solution already:

 

by adding !important also IE is accepting the changes