c++ - Qt 样式 - 双色边框？

Question

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

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

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

那么，我怎样才能实现每种颜色都可单独设置的双色边框呢？

Answer 1

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