Skip to Content
avatar image
Former Member

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

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

mybutton.png (8.4 kB)
button-code.png (23.9 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

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


    Thanks,

    Poovarasan

    Add comment
    10|10000 characters needed characters exceeded