如何在Semantic-UI模式中使用彩色标题？

Question

我试着用倒置的颜色标题，但没有改变任何东西。

我也试图改变头分段控制，但仍然在顶部离开白色的差距，也有圆角

Answer 1

这不是目前在语义UI可用。您可能希望通过使用自定义的CSS代码来设置不同的颜色：

$('.ui.modal').modal('show');

.ui.modal > .header{ 
 
    background-color: gold !important; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script> 
 
<div class="ui modal"> 
 
    <i class="close icon"></i> 
 
    <div class="header"> 
 
    This is a modal with custom header background 
 
    </div> 
 
    <div class="content"> 
 
    <div class="description"> 
 
     A description can appear on the right 
 
    </div> 
 
    </div> 
 
    <div class="actions"> 
 
    <div class="ui button">Cancel</div> 
 
    <div class="ui button">OK</div> 
 
    </div> 
 
</div>