Changing <select>'s Background Color

Question

I don't understand why the following isn't changing the select's background color. It's probably something simple, but I can't see it. I'm using Notepad++ editor with Chrome and Opera browsers.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Debugging</title>
    <style >
        select {
          background-color: #FF0000;
        }

    </style>
    <script>

      function myFunction() {
        document.getElementById('slct').style.backgroundColor = #FFFFFF;
      }

    </script>
  </head>
  <body>
    <select id="slct">
      <option>Choose</option>
      <option>The First Choice</option>
      <option>The Second Choice</option>
    </select>

    <input type="button" onclick="myFunction()" value="Click Me!">
  </body>
</html>

Answer 1

Check your browser's console, you might be getting errors. Background-color value must be in quotes.

document.getElementById('slct').style.backgroundColor = "#FFFFFF";

Changing <select>'s Background Color

Question

1 answers

solution1
4 ACCPTED 2017-12-05 18:26:03

Changing <select>'s Background Color

Question

1 answers

solution1 4 ACCPTED 2017-12-05 18:26:03

solution1
4 ACCPTED 2017-12-05 18:26:03