Javascript css3：当下拉菜单关闭时，从按钮中删除背景

我正在使用带按钮的引导下拉列表。 我想把按钮的背景改成深灰色

按钮{
边框：薄#CFD实心；
边界半径：0！重要；
宽度：100px；
文本对齐：左对齐；
填充：7.50px 12px；
边界半径：1.5px；
大纲：无；
}
按钮：悬停{
边框：薄的#cfdadd实心！重要；
背景：#888888！重要；
}
按钮：焦点{
边框：薄的#cfdadd实心！重要；
背景：#888888！重要；
}
按钮：激活{
边框：薄的#cfdadd实心！重要；
}
按钮，插入符号{
显示：内联块；
宽度：0；
身高：0；
保证金权利：4px；
垂直对齐：中间对齐；
边框顶部：6px虚线；
右边框：6px实心透明；
左边框：6px实心透明；
位置：绝对位置；
顶部：13px；
右：5px；
}

行动

您可以使用此js代码。在函数中，您可以更改下拉元素的css属性

$('#myDropdown').on('hide.bs.dropdown', function () {
  // do something…
});

---

您可以使用这个js代码。在函数中，您可以更改下拉元素的css属性

$('#myDropdown').on('hide.bs.dropdown', function () {
  // do something…
});

---

看看这个。将红色更改为您想要的任何颜色

基本上你需要使用

.open

类

.btn-group.dropdown.open button {
    background-color: red !important;
}

.btn-group.dropdown button {
    background-color: white !important;
}

按钮{
边框：薄#CFD实心；
边界半径：0！重要；
宽度：100px；
文本对齐：左对齐；
填充：7.50px 12px；
边界半径：1.5px；
大纲：无；
}
按钮：悬停{
边框：薄的#cfdadd实心！重要；
背景：#888888！重要；
}
按钮：焦点{
边框：薄的#cfdadd实心！重要；
背景：#888888！重要；
}
按钮：激活{
边框：薄的#cfdadd实心！重要；
}
按钮，插入符号{
显示：内联块；
宽度：0；
身高：0；
保证金权利：4px；
垂直对齐：中间对齐；
边框顶部：6px虚线；
右边框：6px实心透明；
左边框：6px实心透明；
位置：绝对位置；
顶部：13px；
右：5px；
}
.btn-group.dropdown.open按钮{
背景色：红色！重要；
}
.btn-group.dropdown按钮{
背景色：白色！重要；
}

行动

检查此项。将红色更改为您想要的任何颜色

基本上你需要使用

.open

类

.btn-group.dropdown.open button {
    background-color: red !important;
}

.btn-group.dropdown button {
    background-color: white !important;
}

按钮{
边框：薄#CFD实心；
边界半径：0！重要；
宽度：100px；
文本对齐：左对齐；
填充：7.50px 12px；
边界半径：1.5px；
大纲：无；
}
按钮：悬停{
边框：薄的#cfdadd实心！重要；
背景：#888888！重要；
}
按钮：焦点{
边框：薄的#cfdadd实心！重要；
背景：#888888！重要；
}
按钮：激活{
边框：薄的#cfdadd实心！重要；
}
按钮，插入符号{
显示：内联块；
宽度：0；
身高：0；
保证金权利：4px；
垂直对齐：中间对齐；
边框顶部：6px虚线；
右边框：6px实心透明；
左边框：6px实心透明；
位置：绝对位置；
顶部：13px；
右：5px；
}
.btn-group.dropdown.open按钮{
背景色：红色！重要；
}
.btn-group.dropdown按钮{
背景色：白色！重要；
}

行动

$（.my dropdown”）.on（'hide.bs.dropdown'，function（）{
$（此）.find（“按钮”）.addClass（“白色”）；
})

.my下拉按钮{
边框：薄#CFD实心；
边界半径：0；
宽度：100px；
文本对齐：左对齐；
填充：7.50px 12px；
边界半径：1.5px；
大纲：无；
}
.我的下拉按钮，
.我的下拉按钮：悬停，
.我的下拉按钮：聚焦，
.我的下拉按钮：活动{
边框：薄#CFD实心；
背景：#888；
}
.我的下拉按钮.白色{
背景：#fff；
}
.我的下拉按钮.插入符号{
显示：内联块；
宽度：0；
身高：0；
保证金权利：4px；
垂直对齐：中间对齐；
边框顶部：6px虚线；
右边框：6px实心透明；
左边框：6px实心透明；
位置：绝对位置；
顶部：13px；
右：5px；
}

行动

$（.my dropdown”）.on（'hide.bs.dropdown'，function（）{
$（此）.find（“按钮”）.addClass（“白色”）；
})

.my下拉按钮{
边框：薄#CFD实心；
边界半径：0；
宽度：100px；
文本对齐：左对齐；
填充：7.50px 12px；
边界半径：1.5px；
大纲：无；
}
.我的下拉按钮，
.我的下拉按钮：悬停，
.我的下拉按钮：聚焦，
.我的下拉按钮：活动{
边框：薄#CFD实心；
背景：#888；
}
.我的下拉按钮.白色{
背景：#fff；
}
.我的下拉按钮.插入符号{
显示：内联块；
宽度：0；
身高：0；
保证金权利：4px；
垂直对齐：中间对齐；
边框顶部：6px虚线；
右边框：6px实心透明；
左边框：6px实心透明；
位置：绝对位置；
顶部：13px；
右：5px；
}

行动

正如我所看到的，当你靠近按钮时，按钮仍然是深灰色的。它工作得很好。建议：悬停时，将背景颜色更改为浅灰色

background:#d3！重要的让我知道youtry不使用它的工作原理！重要信息，以后很难更新，请使用一些