数据表 - 如何修改“显示n个条目”的颜色

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。请注意，您可能需要处理下拉选择事件并适当地过滤搜索结果。