Change the color of combobox select option
Application Type
Traditional Web
Service Studio Version
11.10.17 (Build 40956)

Hi , 

I want to change the color of small selector inside the combo box ..

plz assist me 


mvp_badge
MVP
Solution

Hi Naina,

Use this css on page-

    select{

        margin:40px;

        background: yellow;

        color:#000;

        text-shadow:0 1px 0 rgba(0,0,0,0.4);

    }

    option:not(:checked) { 

        background-color: #FFF; 

    }


or visit this URL


Hope this will help you.

Regards

Rahul

Champion
Solution

Hi Naina,
Can you please confirm, where you added the icon?
You should add the icon in Resources folder and select deploy to target directory.

select{
background-image: url(/ModuleName/IconName.png)
}
Solution

Hi Naina, 

Try to inspect it. 

What I get , It is a image of 28 x 14 px.. Find Image that you want and replace it.


Hope this help,

Thanks

mvp_badge
MVP
Solution

Hi Naina,

Use this css on page-

    select{

        margin:40px;

        background: yellow;

        color:#000;

        text-shadow:0 1px 0 rgba(0,0,0,0.4);

    }

    option:not(:checked) { 

        background-color: #FFF; 

    }


or visit this URL


Hope this will help you.

Regards

Rahul

Champion

Hi Naina,

The arrow in dropdown is loaded as a image. You can change the background-image property value (to a different color image) to change the arrow.

Champion
Solution

Hi Naina,
Can you please confirm, where you added the icon?
You should add the icon in Resources folder and select deploy to target directory.

select{
background-image: url(/ModuleName/IconName.png)
}

Thanks a lot ...

lot of CSS 

I fixed it 

Solution

Hi Naina, 

Try to inspect it. 

What I get , It is a image of 28 x 14 px.. Find Image that you want and replace it.


Hope this help,

Thanks

Hi Team,

@Rahul Sahu  @Pravi Gupta @Rahul Kumar 

I can mark all your responses as solution ,

Thanks 

I have played around the CSS and fixed thanks for all the responses ...




Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.