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());
});

對不起，這個答案太晚了！ 我不完全理解你的問題所以你必須得到我所說的“主旨”，而不僅僅是復制和粘貼，但我希望它有所幫助。