div inside button - mybutton custom class css do not overwrite default color button

[Former Member]

i put this piece of code for my buttons in a custom CSS file for my dashboard Design Studio :

.mybutton1{      
border-radius : 
10px !important;     
color: #ffffff !important;   
background-color: #4F81BD !important;   
font-family: Calibri !important;   
font-size: 10px !important;   
text-align: center;   
white-space: normal ;    
word-wrap: break-word;
}

In properties of the button i put the CSS class:

but with firebug i detected that there is Div inside the button with a different CSS:

The default SapMBtnInner css class related to this "div" rules the style of my buttons !

How can i avoid this?

I attach my custom.css.

Thank you

[Former Member]

Hi Marco,

You can use this css class to customise the button.

.b .sapUiBtnS, .sapUiBtnS.sapUiBtnStd

{ background-color: red !important;

border-radius: 10px;

font-size: 15px;

font-weight: bold; }

Thanks,

Poovarasan