Qt 样式 - 两种颜色的边框？

【问题标题】：Qt Styles - Two-Colored Border?Qt 样式 - 两种颜色的边框？
【发布时间】：2018-04-05 15:18:10
【问题描述】：

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

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

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

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

【问题讨论】：

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

【解决方案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

【讨论】：