Javascript 用Qt制作简单的LED指示灯

您好，我想基于

CSS

，创建一个带有

Qt

的LED指示灯，我已经创建了一个标签，其中富格文本作为源：

和样式表：

margin: 20px auto;
width: 12px;
height: 12px;
background-color: #940;
border-radius: 50%;

我删除了

box shadow

，因为

Qt

无法识别它

• 为什么渲染是正方形而不是圆形，我也试过用收音机，它应该也能工作，但没有

• 如何将一些花哨的样式（例如

  JavaScript

  或

  CSS

  ）应用于按钮，而

  Qt

  不支持这些样式

---

QLabel或QTexEdit等Qt小部件只支持HTML 4（）的一个子集

因此，CSS3属性

边界半径

可能不受支持

如果要显示LED，您可以：

• 通过子类化

  QWidget

  创建LED小部件类，并在paintEvent（）函数中绘制所需的LED
• 将pixmap/图像添加到现有小部件。（

  QLabel:：setPixmap（）

  ，

  QPushButton:：setIcon（）

  等）

另一方面，在使用Qt小部件时，您无法使用CSS和javascript定制GUI。它们确实支持样式表，其中一些处理富文本，但样式表破坏了QStyle机制，富文本不遵循HTML5/CSS3标准