select2更改下拉列表的颜色

Question

是的，所以我不知道我在做什么。 哈。

我想改变select2的未打开下拉列表的颜色（也许是侧面的按钮），但寻找解决方案只能设法阻止我

.select2-choice{
  min-height: 35px;
  max-height: 35px;
  background: #222;
  overflow-y: auto;
}

.select2-search {
    background-color: #666;
}

.select2-search input {
    background-color: #666;
}
.select2-results {
    background-color: #666;
}

哪个选项改变了（哪个好！）但不是我追求的100％。

是否有一个类可以改变下拉列表初始状态的颜色？

Answer 1

select2更改下拉列表的颜色

.select2-results__option {
    background-color: red;
    color: yellow;
}

看

Answer 2

它可能是答案：

如果你知道插件，我有SelectBox的那些问题，就像10分钟后我告诉我的自我=“darn，这不是我的问题”。

这些插件中的问题是它们从你的select标签中获取选项，只是创建了一个自己的对象。

解决方案是销毁创建的元素并重新创建它。 如果它不起作用，告诉我，即使我90％确信它的问题，也会删除答案。

Answer 3

没有类可以更改下拉列表的初始状态，但是您可以编写自己的非常简短且易于理解的Jquery来设置下拉列表的颜色。

首先，编写颜色更改功能：

var changeColor = function (element, selection) {//changes colors of dropdowns
    if (selection == 1 || selection == "green") {//Mine works based on the dropdown itself
        element.css('background-color', 'green');
    }
    else if (selection == 2 || selection == "yellow") {
        element.css('background-color', 'yellow');
    }
    else {
        element.css('background-color', 'red');
    }
}

然后，确保在页面完成渲染时运行该函数：

jQuery(document).ready(function ($) {
    changeColor($('#ColoredDropdown'), $('#ColoredDropdown').val());
});

最后，请务必在需要时调用颜色更改功能 - 在这种情况下，当您更改另一个下拉列表时：

$('#FirstDropdown').change(function () {
    changeColor($('#SecondDropdown'), $('#FirstDropdown').val());
});

对不起，这个答案太晚了！ 我不完全理解你的问题所以你必须得到我所说的“主旨”，而不仅仅是复制和粘贴，但我希望它有所帮助。