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

Question

我有一个用例，我有一个小框，我在其中显示一个下拉菜单。现在在这个下拉列表中，在浏览不同的选项时，会出现一个“按回车键选择”绿色框，但这会隐藏后面的内容。

我怎样才能使后面的内容可见？附上截图供参考。

我已经找到了它的 CSS 类：

multiselect__option multiselect__option--highlight

这些是它的 CSS 属性。我可以以某种方式修改这些以使其透明吗？我尝试将颜色从绿色更改为浅黄色/苍白，但没有奏效。

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

更新：在下面的答案之后，它是这样的，

Answer 1

您可以像这样制作不透明度的背景：

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

如果您想要“请输入以选择”字样也具有不透明度，您可以这样做：

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