How do I edit the scroll bar of a select tag?

Asked

Viewed 117 times

0

<select id="select">
  <option value="week"> Previsão Semanal</option>
  <option value="daily"> Previsão Diária</option>
</select>

I have this code here and in css wanted to edit the select scroll by putting another color letter to it and that the background is not white

html css html-select

  • <select id="select"> <option value="week"> Weekly Forecast</option> <option value="Daily"> Daily Forecast</option> </select>

  • You want to edit the scrollbar or "popup" generated when you click on select, which shows the options/option?

1 answer

0

Very simple... Just use the backgroud and color attributes of the element. In this case it would look like this:

    #select{
      background: red;
      color:#fff;
    }

  • This solution does not work! This causes the select itself to change not when I click the select and all the options appear! And that’s what I want.. Is to take that white out of the background when all the options appear

Browser other questions tagged html css html-select

You are not signed in. Login or sign up in order to post.