css - 数据表 - 如何修改 "Show n entries"的颜色

Question

我希望为“显示 n 个条目”下拉选择列表自定义颜色。

我试图找到我应该重写哪些类来更改选择和选项的蓝色边框以及悬停选项的背景。

Answer 1

下拉列表的蓝色边框不特定于数据表。但它的标签 <select> .如果你查看 jquery 数据表的库文件，你可以看到它使用了 <select>。显示下拉选项。因此无法更改选择选项的背景蓝色。

但是，我们可以使用任何其他第三方库，这些库具有以我们想要的方式更改颜色的选项。

这可以通过将以下配置添加到数据表配置中来集成到数据表中。

    "language": {
        "lengthMenu": 'Display <select>'+
          '<option value="10"><div>10</div></option>'+
          '<option value="20">20</option>'+
          '<option value="30">30</option>'+
          '<option value="40">40</option>'+
          '<option value="50">50</option>'+
          '<option value="-1">All</option>'+
          '</select> records'
      }

在 lengthMenu 属性中替换您的第三方库以获得所需的下拉菜单 css。请注意，您可能需要处理下拉选择事件并适本地过滤搜索结果。