Question

我可以通过添加size来实现这一点，但是如果我删除它，它将不再显示。预先谢谢你。

<html>
<body>
  <select class="star" att="0" size="2">
    <option>Shell</option>
    <option>Cabbage</option>
    <option>Beans</option>
    <option>Cheese</option>
    <option>Clock</option>
    <option>Monkey</option>
  </select>
  <script>
    $(document).ready(function(event) {
      $('select').on('mouseenter', 'option', function(e) {
        this.style.background = "#DCDCDC";
      });
      $('select').on('mouseleave', 'option', function(e) {
        this.style.background = "none";
      });
    });
  </script>
</body>
</html>

Answer 1

您可以简单地使用CSS实现此目标

double

float

Answer 2

这是浏览器特定的gui，也许尝试查看jquery UI以将整个元素替换为div元素，并且选择框将设置为不可见；

当鼠标悬停在选项上时，如何将SELECT <option>标签的背景颜色从蓝色更改为灰色？

2 个答案: