QWidget对样式表设置边框无效的解决方法

1、现象
在对QWidget使用样式表时无效

QWidget#MyWgt{
	border:1px solid gray;
}

2、原因
原因是QWidget只支持background、background-clip和background-origin属性。官方说明

3、解决方法
3.1 使用QFrame代替QWidget，QFrame继承自QWidget，QFrame是基本控件的基类，并且带有框架属性。继承关系如下：
QPushButton,QLabel… -> QFrame -> QWidget
3.2 继承QWidget，添加对paintEvent的实现，如下

void MyWgt::paintEvent(QPaintEvent *)
{
    QStyleOption opt;
    opt.initFrom(this);
    QPainter p(this);
    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);//绘制样式
}

4、
Qt中窗口背景的设置，下面介绍三种方法。

1. 使用QPalette
2. 使用Style Sheet
3. 绘图事件

一般我不用QSS设置窗口背景，也不建议使用。（这里是对于窗口而，如果是子部件当然可以）。因为窗口使用QSS设置背景之后，若子部件不使用同样的方式来设置，默认则会继承父窗口的样式。
使用QPalette

QPalette来设置背景色

m_pWidget = new QWidget(this);
m_pWidget->setGeometry(0, 0, 300, 100);
QPalette pal(m_pWidget->palette());
pal.setColor(QPalette::Background, Qt::black); //设置背景黑色
m_pWidget->setAutoFillBackground(true);
m_pWidget->setPalette(pal);
m_pWidget->show();

Style Sheet 设置背景

使用样式表来设置背景色，可以参考：Qt Style Sheets文档

m_pWidget = new QWidget(this);
m_pWidget->setGeometry(0, 0, 300, 100);
m_pWidget->setStyleSheet("background-color:black;");
m_pWidget->show();

绘图事件设置背景

重写paintEvent，使用QPainter来绘制背景。

void Widget::paintEvent(QPaintEvent *event)
{
Q_UNUSED(event);

QPainter p(this);
p.setPen(Qt::NoPen);
p.setBrush(Qt::black);
p.drawRect(rect());
}

子类Widget使用样式qss

如果从QWidget子类化一个Widget，为了能够使用qss样式表则需要为自定义Widget提供paintEvent事件。

void CustomWidget::paintEvent(QPaintEvent *event)
{
Q_UNUSED(event);

QStyleOption opt;
opt.init(this);
QPainter p(this);
style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
}