Skip to Content
avatar image
Former Member

CSS to drodown box in SAP design studio

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

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Nov 23, 2017 at 11:08 AM

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

    Add comment
    10|10000 characters needed characters exceeded

  • Nov 23, 2017 at 11:52 AM

    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;}
    Add comment
    10|10000 characters needed characters exceeded

  • Nov 27, 2017 at 08:03 AM

    Hi,

    Did you assign these class name to your dropdown component?

    Please share dropdown screen shots.

    Regards,

    Vidhya

    Add comment
    10|10000 characters needed characters exceeded