如何在下拉菜单中设置不透明度，同时选择选项？

提问者：小点点

我有一个用例，我有一个小框，我在那里显示一个下拉列表。现在在这个下拉列表中，在经过不同的选项时，出现了一个“按回车键选择”的绿色框，但这隐藏了后面的内容。

我已经找到了这个的CSS类，它是:

multiselect__option multiselect__option--highlight

这些是它的CSS属性。我能修改一下吗？我试着把颜色从绿色改成浅黄/浅色，但没有用。

.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: #fff;
}

更新:按照下面的答案，这就是它的样子，

共1个答案

匿名用户

你可以这样制作不透明的背景:

.multiselect__option--highlight {
    background: rgba(65, 184, 132, .3);
    outline: none;
    color: #fff;
}

如果你想让“Please enter to Select”这个词也不透明，你可以这样做:

.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: #fff;
    opacity: .3;
}