css3背景色が機能しない

Question

Open Layersマップのオーバーレイポップアップで背景色の値が取られません。 テキストは1行だけ白です。 残り（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;

言います