【QT】自己设计的一款QSS

最新推荐文章于 2024-09-30 17:11:36 发布
最新推荐文章于 2024-09-30 17:11:36 发布
阅读量488 收藏 7
点赞数 2
分类专栏： QT 文章标签： QT QSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27197395/article/details/93598617
版权
这篇博客分享了一款由作者亲自设计的QSS风格，适用于QT应用，展示了一种独特的界面美学，适合对QT界面样式感兴趣的读者收藏学习。
摘要由CSDN通过智能技术生成 
/*---------------------------QMainWindow---------------------------*/
QMainWindow{
    color:#ffffff;
    background-color:#4f647f;
}

QMenuBar{
    color:#ffffff;
    background-color:#4f647f;
    border-bottom:1px solid #283444;
}

QMenuBar::item:selected{
    color:#ffffff;
    background-color:#0f8dc8;
}
  
QMenu::item {
    color:#3c3c3c;
    padding:6px 26px;
    margin:0px 6px;
}
  
QMenu::item:selected { 
    color:#ffffff;
    background-color:#2887f1;
}

QToolBar{
    color: #ffffff;
    background-color:#4f647f;
    border-bottom:1px solid #283444;
}

QToolButton{
    color:#ffffff;
    border:0px;
}

QToolButton:hover{
    color:#ffffff;
    border:0px;
    border-radius:2px;
    background-color:#0f8dc8;
}

QToolButton:pressed{
    color:#ffffff;  
    border:0px;
    background-color:#256081;
}

QToolBar::handle{
    color:#ffffff;
    width:6px;
}

QToolBar::item:selected{
    color:#ffffff;
    background-color:#0f8dc8;
}

QStatusBar{
    color:#ffffff;
    border-top:1px solid #2ba3e7;
    background-color: #283444;
}

/*---------------------------QLabel---------------------------*/
QLabel{
    color:#ffffff;
    background-color:transparent;
}

/*---------------------------QDockWidget---------------------------*/
QDockWidget{
    color:#ffffff;
    background-color:#4f647f;
}

/*---------------------------QWidget---------------------------*/
QWidget{
    color:#ffffff;
    background-color:#4f647f;
}

/*---------------------------QDialog---------------------------*/
QDialog{
    color:#ffffff;
    background-color:#4f647f;
}

/*---------------------------QLCDNumber---------------------------*/
QLCDNumber{
    color:#00c6ff;
    background-color:#384861;
    border:0px;
}

/*---------------------------QCheckBox---------------------------*/
QCheckBox{
    color:#ffffff;
    background-color:transparent;
}

/*---------------------------QRadioButton---------------------------*/
QRadioButton{
    color:#ffffff;
    background-color:transparent;
}

/*---------------------------QGroupBox---------------------------*/
QGroupBox{
    color:#ffffff;
    border:1px solid #283444;   
}

/*---------------------------QLineEdit---------------------------*/
QLineEdit{
    color:#ffffff;
    background-color:#384861;
    border:0px;
}

QLineEdit:hover{
    color:#ffffff;
    background-color:#384861;
    border:1px solid #2ba3e7;
}

/*---------------------------QTextEdit---------------------------*/
QTextEdit{      
    color:#ffffff;
    font-family:"等线";
    font-size:15px;
    background-color:#384861;
    border:0px;
}

QTextEdit:hover{        
    color:#ffffff;
    font-family:"等线";
    font-size:15px;
    background-color:#384861;
    border:1px solid #2ba3e7;
}

/*---------------------------QToolButton---------------------------*/
QToolButton{
    color:#ffffff;
    background-color:#2f7196;
    border-top:1px solid #44aeea;
    border-left:1px solid #44aeea;
    border-bottom:1px solid #217cb1;
    border-right:1px solid #217cb1;
}

QToolButton:hover{
    color:#ffffff;
    background-color:#0f8dc8;
}

QToolButton:pressed{
    color:#ffffff;
    background-color:#256081;
    border:1px solid #44aeea;   
}

/*---------------------------QPushButton---------------------------*/
QPushButton{
    color:#ffffff;
    background-color:#2f7196;
    border-top:1px solid #44aeea;
    border-left:1px solid #44aeea;
    border-bottom:1px solid #217cb1;
    border-right:1px solid #217cb1;
}

QPushButton:hover{
    color:#ffffff;
    background-color:#0f8dc8;
}

QPushButton:pressed{
    color:#ffffff;
    background-color:#256081;
    border:1px solid #44aeea;   
}

/*---------------------------QGroupBox---------------------------*/
QGroupBox{
    color:#ffffff;
    padding-top:10px;
    border:1px solid #283444;   
}


/*---------------------------QSpinBox---------------------------*/
QSpinBox{
    color:#ffffff;
    background-color:#384861;
    border:0px;
}

QSpinBox:hover{
    color:#ffffff;
    background-color:#384861;
    border:0px;
}

QSpinBox::down-arrow{   
    image: url(:/images/down_arrow.png);
    background-color:transparent;
}

QSpinBox::up-arrow{ 
    image: url(:/images/up_arrow.png);
    background-color:transparent;
}

QSpinBox::up-button{    
    border:0px;
}

QSpinBox::up-button:hover{  
    background-color:#0f8dc8;
    border:1px solid #44aeea;
}

QSpinBox::up-button:pressed{
    background-color:#256081;
    border:1px solid #44aeea;
}

QSpinBox::down-button{
    border:0px;
}

QSpinBox::down-button:hover{    
    background-color:#0f8dc8;
    border:1px solid #44aeea;
}

QSpinBox::down-button:pressed{
    background-color:#256081;
    border:1px solid #44aeea;
}

/*---------------------------QComboBox---------------------------*/
QComboBox{
    color:#ffffff;
    background-color:#384861;
    border:0px;
}

QComboBox:hover{
    color:#ffffff;
    background-color:#384861;
    border:1px solid #63bbff;
}

QComboBox::down-arrow{  
    image: url(:/images/down_arrow.png);
    background-color:transparent;
}

QComboBox::drop-down{
    border:0px;
    width:26px;
    background-color:transparent;
}

QComboBox::drop-down:hover {
    color:white;
    border:0px;
    width:26px;
    background-color:transparent;
}

QComboBox QAbstractItemView {
    color:#3c3c3c;
    outline:none;
    border:1px solid #63bbff;
    background-color:#f6fafb;
}

QComboBox QAbstractItemView::item {
    outline:none;
    height:26px;
}

QComboBox QAbstractItemView::item:hover {
    color:white;
    outline:none;
    height:26px;
    background-color:#63bbff;   
}
QComboBox QAbstractItemView::item:selected {
    outline:none;
    border:0px;
    height:26px;
    color:#63bbff;
    outline:none;
}

/*---------------------------QTabWidget---------------------------*/
QTabWidget::pane{
    color:#ffffff;
    border-width:0px; 
    background:transparent;
    left:-9px;
    top:-9px;
} 

QTabBar::tab{
    background-color:#045b79;
    color:white;
    width:60;
}

QTabBar::tab:selected{
    color:#ffffff;
    background-color:#029eba;
}

/*---------------------------QTableWidget---------------------------*/
QTableWidget{
    color:#ffffff;
    border:1px solid #384861;
    background-color:#384861;
    alternate-background-color:#415573;
}

QTableView QHeaderView::section{
    color:#ffffff;
    background-color:#2f7196;
    border:0px;
    padding-left:6px;
    border-left:1px solid #384861;
    border-right:1px solid #384861;
    border-bottom:2px solid #2ba3e7;
    height:26px;
}

QScrollBar:horizontal{
    background-color:#2b394f;
    height:12px;
}

QScrollBar::handle:horizontal{
    margin:2px;
    background-color:#2f7196;
}

QScrollBar::add-line:horizontal{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:right;
}

QScrollBar::sub-line:horizontal{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:left;
}

QScrollBar:vertical{
    background-color:#2b394f;
    width:12px;
}

QScrollBar::add-page:horizontal{
    background:transparent;
}

QScrollBar::sub-page:horizontal{
    background:transparent;
}

QScrollBar::add-page:vertical{
    background:transparent;
}

QScrollBar::sub-page:vertical{
    background:transparent;
}

QScrollBar::handle:vertical{
    margin:2px;
    background-color:#2f7196;
}

QScrollBar::add-line:vertical{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:bottom;
}

QScrollBar::sub-line:vertical{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:top;
}

QTableWidget::Item{
    border:0px;
}

QTableWidget::Item:hover{
    color:#ffffff;
    border:0px;
    background-color:#2887f1;
}

QTableWidget::Item:selected{
    color:#ffffff;
    border:0px;
    background-color:#2887f1;
}

/*---------------------------QListWidget---------------------------*/
QListWidget{
    background-color:#384861;
    color:#ffffff;
    border:1px solid #384861;
}

QListWidget::item:hover{
    background-color:#2887f1;

}

QListWidget::item:selected{
    color:white;
    background-color:#71601b;
}

QScrollBar:horizontal{
    background-color:#2b394f;
    height:12px;
}

QScrollBar::handle:horizontal{
    margin:2px;
    background-color:#2f7196;
}

QScrollBar::add-line:horizontal{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:right;
}

QScrollBar::sub-line:horizontal{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:left;
}

QScrollBar:vertical{
    background-color:#2b394f;
    width:12px;
}

QScrollBar::add-page:horizontal{
    background:transparent;
}

QScrollBar::sub-page:horizontal{
    background:transparent;
}

QScrollBar::add-page:vertical{
    background:transparent;
}

QScrollBar::sub-page:vertical{
    background:transparent;
}

QScrollBar::handle:vertical{
    margin:2px;
    background-color:#2f7196;
}

QScrollBar::add-line:vertical{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:bottom;
}

QScrollBar::sub-line:vertical{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:top;
}

/*---------------------------QTreeWidget---------------------------*/
QTreeWidget{
    background-color:#384861;
    color:#ffffff;
    border:1px solid #384861;
}

QHeaderView::section{
    color:#ffffff;
    background-color:#2f7196;
    border:0px;
    padding-left:6px;
    border-left:1px solid #384861;
    border-right:1px solid #384861;
    border-bottom:2px solid #2ba3e7;
    height:26px;
}

QTreeWidget::branch:closed:has-children {
    image: url(:/images/TreeWidget_defult.png);
}

QTreeWidget::branch:open {
    image: url(:/images/TreeWidget_pressed.png);
}

QTreeWidget::item:hover{
    background-color:#2887f1;

}

QTreeWidget::item:selected{
    color:white;
    background-color:#71601b;
}

QScrollBar:horizontal{
    background-color:#435770;
    height:12px;
}

QScrollBar::handle:horizontal{
    margin:2px;
    background-color:#384861;
}

QScrollBar::add-line:horizontal{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:right;
}

QScrollBar::sub-line:horizontal{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:left;
}

QScrollBar:vertical{
    background-color:#435770;
    width:12px;
}

QScrollBar::add-page:horizontal{
    background:transparent;
}

QScrollBar::sub-page:horizontal{
    background:transparent;
}

QScrollBar::add-page:vertical{
    background:transparent;
}

QScrollBar::sub-page:vertical{
    background:transparent;
}

QScrollBar::handle:vertical{
    margin:2px;
    background-color:#384861;
}

QScrollBar::add-line:vertical{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:bottom;
}

QScrollBar::sub-line:vertical{
    width:8px;
    height:8px;
    background-color:transparent;
    subcontrol-position:top;
}

风格如下，喜欢的赶紧收藏吧！

一只仰泳的咸鱼
关注
专栏目录
Qt菜单QMenu和菜单栏QMenuBar基本用法和自定义菜单用法总结.zip
10-17
该代码总结了三种QMenu用法，有基本菜单用法，有两种自定义菜单，编译环境是Qt5.9.4+MinGW32+Creator4.5.0编译器，具体的原理讲解可以参考博主博客：https://blog.csdn.net/naibozhuan3744/article/details/102616146
【QT】根据控件的自定义属性进行qss样式区别设置，包括使控件不能编辑
种一棵树最好的时间是十年前，其次是现在
01-07 3234
可以使用QTextEdit的setProperty方法来设置自定义属性，然后在QSS样式表中使用QTextEdit[propertyName=“propertyValue”]来设置当该属性为特定值时QTextEdit的样式。}");这样，当customProperty属性的值为"value"时，QTextEdit的边框和背景色都会被去掉。注意，在使用QSS设置样式时，属性值需要用双引号括起来。
Qt_QSS介绍与使用
最新发布
安权_code的博客
09-30 1212
Qt中的QSS（Qt Style Sheets）作用是美化界面，他可以对控件的样式进行设计，比如控件的颜色、字体、位置、边框等属性。QSS是依照CSS而来的，而CSS是网页前端开发中最重要的一个工具，不过QSS只支持部分CSS属性，因此QSS会比CSS更简单⼀些。值得注意的是：当通过QSS设置样式和通过C++代码设置样式冲突时，QSS的优先级会更高。
如何使用qss让去掉qtextedit的边框和背景色
weixin_35751412的博客
01-07 363
你可以使用以下的QSS代码来达到你的目的： QTextEdit {border: none; background-color: transparent; } 将这段代码应用到你的QTextEdit控件上即可。你可以使用QTextEdit的setStyleSheet函数来应用QSS样式。 例如： textEdit->setStyleSheet("QTextEdit {border:...
QT QSS 使用
热门推荐
playStudy的专栏
09-28 4万+
QProgressBar{ color : solid gray; border: 2px solid gray; border-radius: 5px; background: transparent; padding: 0px; text-align : center ; } QProgressBar::chunk{ background
利用qss设置QTextEdit背景颜色（背景透明）不生效的解决方法
斧冰
10-13 9664
最近在遇到设置QTextEdit或者QTextEdit的派生类，利用qss设置background-color不生效，记录出现这种问题的情形，以及对应的解决办法。 问题的出现： 新建一个基于QWidget的工程，勾选ui文件，在界面上拖放一个QTextEdit，（可以添加一个布局，也可以不用），其余保持默认设置就行。 在widget.cpp的构造函数中添加代码： setAttribute(Qt::WA_TranslucentBackground); this->setStyleSheet("QTex
Qt QTableView插入控件,qss设计
06-21
本教程将深入探讨如何在QTableView中插入控件以及如何利用qss（Qt StyleSheet）进行界面设计。 ### 1. 插入控件 在QTableView中插入控件通常是为了提供更复杂的交互功能，比如日期选择器、下拉菜单等。这可以通过...
Qt-样式表qss练习
03-22
在Qt框架中，QSS（Qt Style Sheets）是一种强大的样式表语言，用于定制应用程序的界面外观，类似于网页设计中的CSS。QSS允许开发者通过简单的文本文件或者代码动态地改变控件的颜色、字体、布局以及整体视觉效果，为...
qss.rar_Qt qss_qt qss下载_qt qss 下载_qt setstysheet
07-15
在Qt框架中，QSS（Qt Style Sheets）是一种强大的样式表语言，用于定制应用程序的外观和感觉，类似于网页设计中的CSS。它允许开发者通过简单的文本文件来改变控件的样式，包括颜色、字体、边框、背景等，使得Qt应用...
Qt Qss三套样式文件 qss.zip
10-19
Qt QSS，全称为Qt Style Sheets，是Qt框架提供的一种样式表语言，类似于网页开发中的CSS，用于控制Qt应用程序的用户界面外观。QSS允许开发者通过文本文件定义UI元素的颜色、字体、边框、背景、布局等样式，使得UI...
QT界面皮肤生成器Qss
06-24
QT界面皮肤生成器Qss是一款基于QT框架的实用工具，专为开发者设计，用于创建和编辑应用程序的用户界面皮肤。该工具允许用户自定义程序界面的格式和颜色，以达到个性化的效果，而无需深入源代码层面进行修改。生成的...
[QT_016]Qt学习之QPlainTextEdit 、QTextEdit 、QTextBrowser
kongcheng253的博客
01-10 8898
QPlainTextEdit 、QTextEdit 、QTextBrowser
QTextEdit设置文本样式
05-17 4351
QTextEdit可以通过qss设置边框属性，但是由于QTextEdit本身显示的是一个HTML，所以不能像其他的控件直接使用qss对文本设置样式。 看一个我们再QtDesigner中对一个QTextEdit进行文本编辑的例子: 上图的HTML中有好几个标签都有样式，譬如<body>,<p>,<span>等，到底应该修改哪个标签的样式呢？ 1.修改文本边距和行高 <p style="margin-top:12px; margin-bott...
QTextEdit的几种高亮设置（选中文本、关键字）
龚建波
01-16 7656
文本选中区域的颜色可以用 QPalette 或者设置样式表，选中后默认文本是渲染为白色，可以设置 palette 的 brush 为 Qt::NoBrush 保持原本的文本颜色。 //背景和选区颜色 QPalette pt = palette(); pt.setBrush(QPalette::Text, Qt::white); pt.setBrush(QPalette::Base, Qt::black); pt.setBrush(QPalette::Highl..
Qt中漂亮的几款QSS收藏
Dev-L的博客
11-05 1万+
/* === Shared === */QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog { background-color: #222222; color: #BBBBBB; fo
Qt Ui界面风格的蜕变——样式表qss使用
yc__coder的博客
07-26 8018
目录一、什么是样式表1、CSS2、QSS二、如何使用QSS——核心1、简介2、ui界面设置样式表3、程序调用三、选择器（1）、群体选择器（2）、特定选择器（3）、鼠标监听四、声明简介（1）、color（2）、font-family（3）、font-size（4）、background / background-color（5）、background / background-image（6）、border-image（7）、border（8）、text-align（9）、margin五、收尾 一、什么是样式
Qt学习总结之QTextEdit
qq_27726087的博客
08-19 3902
QTextEdit是一个高级的WYSIWYG（What You See Is What You Get所见即所得)编辑/查看器，支持使用HTML4标签子集的富文本格式。 QTextEdit它经过优化，可以处理大型文档并快速响应用户的输入，可以加载纯文本和富文本文件，用来显示图像、列表和表格。 QTextEdit的父类是QAbstractScrollArea，可以通过滚动条调整显示界面。
[QT_053]qss样式使用总结
kongcheng253的博客
04-26 1731
qss样式使用说明
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一只仰泳的咸鱼

你的鼓励就是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值