Qt样式 - 双色边框?

时间:2017-10-24 17:56:33

标签: c++ css qt qt5 qt-creator

是否可以使用Qt样式实现如下图(黑/灰)中的双色边框?

Image

我已经尝试将边框样式设置为groove(请参阅下面的示例),但在这种情况下," 2nd"颜色似乎是根据第一种颜色设置自动生成的。当我将边框颜色设置为黑色时,生成的"第二个"颜色也变黑了。

QFrame#MainWorkspace{
    background-color: #3a3a3a;
    border: 2px groove #000000;
    border-radius: 4px;
}

那么,我怎样才能实现双色边框,每种颜色都可以单独设置?

1 个答案:

答案 0 :(得分:0)

body{background-color: #3a3a3a;}
.MainWorkspace{
    width:30px;
    height:24px;
    background-color: #3a3a3a;
    border: 2px groove #000000;
    border-radius: 4px;
    color:#FF0000;
    text-align:center;
    padding-top:6px;
    box-shadow: inset 0px 0px 3px rgba(234,234,234,0.9);
    margin:5px 1px;
    float:left;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div id="MainWorkspace" class="MainWorkspace">
<i class="fa fa-bars"></i>
</div>
<div  class="MainWorkspace">
<i class="fa fa-th"></i>
</div