Semantic-UI: 如何改变暗淡的背景颜色？

Question

我想更改模态调光器的颜色，但我不能！我该怎么办？

<div class="ui modal">
  <i class="close icon"></i>
  <div class="header">
    Profile Picture
  </div>
  <div class="content">
    <p>sth</p>
  </div>
  <div class="actions">
    <div class="ui black button">
      Nope
    </div>
    <div class="ui positive right labeled icon button">
      Yep, that's me
      <i class="checkmark icon"></i>
    </div>
  </div>
</div>

在 JS 中：

我尝试了以下代码，但没有任何变化！

$('.ui.modal').each(function() {
    $(this).modal({allowMultiple: true}).modal('show').css('background-color', 'yellow');
});

Answer 1

在元素 .dimmer 上使用 background-color 属性和 rgba 类型 css 颜色值来引入透明度。

.dimmer { background-color: rgba(250,250,50,0.8) }

要使用 jQuery 应用此 CSS，请使用 jQuery#css 方法，如下所示：

$(".dimmer").css("background-color","rgba(250,250,50,0.8)");

Semantic-UI: 如何改变暗淡的背景颜色？

Semantic-UI: How to change dimmer background color?

html

javascript

css

jquery

semantic-ui

在 JS 中：