on 09-21-2016 7:45 AM
I have the following in the custom css file:
.sapMBtnInner {
background-color: brown !important;
color: white !important;
}
The button displays the white color when the mouse hovers over the button and when the mouse does not hover over the button. However the button displays the brown background color when the mouse hovers over the button, but it does not display when the mouse does not hover over the button.
How can I ensure the background colour is brown for both states?
Design Studio 1.6 SP01
Theme: SAPUI5 m mode
Internet Explorer 11
Thanks in advance.
Hi Greg
Here's the answer
.sapMBtnInner {
background: brown !important;
color: white !important;
}
instead of background-color , user background tag. Because that class has a default background tag which has to be overwritten with our custom css.
Regards
Karthik S
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hi Greg,
Try this for same style for both state (hover and non-hover):
.sapMBtnInner {
background-color: brown !important;
color: white !important;
}
.sapMBtnInner.sapMBtnHoverable:hover {
background-color: brown !important;
color: white !important;
}
Regards,
Akhilesh
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hello Greg,
background colour is grey and text is white, so color: white !important; is working, only background-color property is not working,
you can check two thing
Regards,
Akhilesh
User | Count |
---|---|
87 | |
23 | |
11 | |
9 | |
8 | |
5 | |
5 | |
5 | |
5 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.