select2改变颜色下拉

是的，所以我不知道我在做什么。哈。select2改变颜色下拉

我想改变选择2的未打开的下拉菜单的颜色（也许在侧面的按钮），但打猎的解决方案只设法阻拦我

.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％。

是否有改变下拉的初始状态的颜色一类？

来源

2014-02-14 Fal-Cone

这里看看：http://stackoverflow.com/questions/12836227/change-select-box-option-background-color – brunozrk

它可能是答案：

我曾与选择框这些问题，如果你知道这个插件，像后10分钟，我告诉我的自我=“该死的，这不是我的问题。”

这些插件中的问题是，它们正在从您的选择标记中选择选项并创建它们自己的对象。

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

来源

2014-02-14 20:31:18

没有类可以改变下拉的初始状态，但是你可以编写你自己的很简单易懂的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()); 
});

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

来源

2014-02-25 16:36:59 Ryanman

选择2下拉的变化颜色

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

look

来源

2016-09-23 11:24:58

不错！你是怎么发现的？我没有发现与检查工具。 – Adam

看起来更好;）） –

select2改变颜色下拉

回答

相关问题