更改 <select>的背景色

Question

我不明白為什么以下內容無法更改所選內容的背景顏色。 這可能很簡單，但我看不到。 我在Chrome和Opera瀏覽器中使用Notepad ++編輯器。

<!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

檢查瀏覽器的控制台，可能會出現錯誤。 背景色值必須用引號引起來。

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

更改 <select>的背景色

問題描述

1 個解決方案

解決方案1
4 已采納 2017-12-05 18:26:03

更改 <select>的背景色

問題描述

1 個解決方案

解決方案1 4 已采納 2017-12-05 18:26:03

解決方案1
4 已采納 2017-12-05 18:26:03