SAC CSS Input Control Properties dont work

[Alex_B]

Hi,

any idea why these properties if input control class dont work?

.inputcontrol .sap-custom-account-input-control-widget {background-color: #ffffff; }

.inputcontrol .sap-custom-account-input-control-mark-border {border-color: rgb(0,0,0);}

BR

Alex

[DenisT · Accepted solution]

Hi Alex,

are you using account input controls or input controls? On account input controls it should work. If you´re using input controls instead, here´s the fitting CSS:

.inputcontrol .sap-custom-input-control-widget {background-color: #ffffff; }
.inputcontrol .sap-custom-input-control-mark-border {border-color: rgb(0,0,0);}

I tested it with both account & standard input controls. For easier recognition, I changed your colors:

/* ACCOUNT Input Control */
.inputcontrol .sap-custom-account-input-control-widget {background-color: #abcdef; }
.inputcontrol .sap-custom-account-input-control-mark-border {border-color: rgb(255,0,0);}

/* Standard Input Control */
.inputcontrol .sap-custom-input-control-widget {background-color: #abcdef; }
.inputcontrol .sap-custom-input-control-mark-border {border-color: rgb(255,0,0);}

 The result is:
Standard & Account Input Controls formatted by CSS

Please note: the ...mark-border CSS does not change the mark border of non-expanded (account) input controls.

Please set answer to accepted, if this answered your question, thanks.
Denis

[Alex_B · Accepted solution]

@DenisTthank you.
This didnt work:

.inputcontrol .sap-custom-input-control-mark-border {border-color: rgb(255,0,0);}

This worked:

.inputcontrol .sap-custom-input-control-widget {background-color: #ffffff; border: 1px solid #000000}

[DenisT · Accepted solution]

Hi @Alex_B,
perfect. I assumed by your first post that you wanted to change the border color of the checkbox, not of the whole input control. But great that you managed that!
Kind regards,
Denis