Javascript 将纯白颜色应用于div

Javascript 将纯白颜色应用于div,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,我想应用纯白背景色,这样后面的文字就不应该可见了 附加屏幕截图以供参考。 所以,基本上我有一个带有下拉列表的标题,当我点击下拉列表时,正文的文本在后面可见 .dropdown-menu{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0;

我想应用纯白背景色,这样后面的文字就不应该可见了

附加屏幕截图以供参考。

所以,基本上我有一个带有下拉列表的标题,当我点击下拉列表时,正文的文本在后面可见

.dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

我可以通过将
mix-blend mode
设置为
unset

将下拉菜单的容器样式设置为
背景色:#fff下拉列表是否没有背景,或者下拉列表是否与内容重叠?寻求代码帮助的问题必须包含在问题本身中复制所需的最短代码,最好是以最短的格式。请参阅“请提供当前正在使用的代码”。@Addis为下拉菜单添加了css代码