css3背景色不起作用

Question

打開圖層地圖疊加彈出窗口不帶背景顏色值。 只有一行文字是白色的。其餘（2-4行）是透明的。

div.ol-popup { 
    display: -moz-inline-stack; 
    display: inline-block; 
    width: fit-content; 
    height: fit-content; 
    background: white !important; 
    background-color: white !important; 
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); 
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); 
    padding: 15px; 
    border-radius: 10px; 
    border: 1px solid #cccccc; 
    bottom: 12px; 
    left: -50px; 
    min-width: 280px; 
    //https://stackoverflow.com/questions/450903/how-to-make-div-not-larger-than-its-contents 
} 

//點擊

var element = popup.getElement(); 
$(element).html(istr); // $(element).text(istr); // 
$(element).addClass('ol-popup'); 
$(element).css('.ol-popup', 'background-color: white !important;'); 
popup.setPosition(coo); 

Answer 1

把你的代碼了上Codepen，然後從我的你的文章的理解分享可能有助於更好地理解問題是什麼，但是，我想你想的文字是一種特定的顏色，它不符合。

如果是這樣的話， 添加color: white;到你的代碼，然後你可能要設置背景顏色爲別的，說background-color: red;