Skip to Content

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

Nov 21, 2016 at 03:41 PM


avatar image
Former Member

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

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

mybutton.png (8.4 kB)
button-code.png (23.9 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

avatar image
Former Member Nov 21, 2016 at 07:40 PM

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; }



10 |10000 characters needed characters left characters exceeded