CSS to drodown box in SAP design studio

[Former Member]

I am using below script to apply css to dropdown box in my application. I have deleted default css file and uploaded my local custom css file & assigned it to my application. but it is not working. there are only 3 statements in my css file. Plz help.

Scipt :

.DD_CSS.sapUiTfStd{background-color: blue; color: red;}

.DD_CSS.sapUiTfCombo,.sapUiTfBack.sapUiTfStd { padding:012px00; height:35px; margin-top:1px; border: solid1px#899197; border-radius:3px; }

.DD_CSS.sapUiTfBrd.sapUiTfFoc,.sapUiTfCombo:hover { padding:026px00; height:35px; margin-top:1px; border: solid1px#2cc588; }

[Former Member]

I am using Design Studio 1.6 SP3. For dropdown I am using this css code in my custom css file.

[MustafaBensan]

You should try adding the !important declaration after each line.

[Former Member]

I tried using !important , but it is still not working

[arijit_das]

What is the version of the product ? Are you using SAPUI5 m template ?

[Vidhya]

Hi,

Did you assign these class name to your dropdown component?

Please share dropdown screen shots.

Regards,

Vidhya

[arijit_das]

The CSS you provided will work for the applications with SAPUI5 template. But if you have used SAPUI5 m template, the class names will be different.

If you are using Lumira 2.0 Designer, it always uses SAPUI5 m template. Hence the class names to be changed accordingly.

For example,

.DD_CSS{background-color: blue;}
.DD_CSS.sapMSlt > .sapMSltLabel{color: red;}