【QT】QSS美化——Buttons篇
目錄
1、QPushButton
QPushButton
{
background-color: #473C8B; /*背景色*/
border-style: outset;
border-width: 2px;
border-radius:5px; /*邊界圓滑*/
border-color: #8B7355;
font: bold 14px;
min-width:2em;
color:white; /*字型顏色*/
font-family:華文新魏;
padding: 5px;
}
QPushButton:hover
{
background-color: rgb(0, 150, 0);
}
QPushButton:pressed
{
background-color: #1E90FF; /*偽狀態經過時背景色*/
border-style: inset;
}
QPushButton:!enabled{
background-color: rgb(100, 100, 100);
border-style: inset;
}
2、QToolButton
QToolButton{
font:13px;
color: rgb(85, 255, 0);
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:rgba(171,214,255,30);
padding:8px;
}
QToolButton:hover,QToolButton:presse{
background:#067DB8;
color: rgb(255, 255, 255);
}
QToolButton:checked{
color:#FFFFFF;
border-style:solid;
border-width:0px 4px 0px 0px;
border-color:#00B7DE;
padding:8px 4px 8px 8px;
background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #00326B,stop:1 #00346D);
}
3、QCheckBox
QCheckBox{
spacing: 5px; /*勾選框與文字描述間的距離*/
font-family:Consolas;
font-size:16px;
border-radius:2px;
}
QCheckBox:enabled{
color: rgb(175, 175, 175);
}
QCheckBox:enabled:hover{
color: rgb(200, 200, 200);
}
QCheckBox:!enabled{
color: rgb(155, 155, 155);
}
QCheckBox::indicator { /*修改寬度和高度*/
width: 20px;
height: 20px;
}
4、QRadioButton
QRadioButton{
spacing: 5px;
}
QRadioButton:enabled{
color: rgb(0, 255, 127);
}
QRadioButton:enabled:hover{
color: rgb(200, 200, 200);
}
QRadioButton:!enabled{
color: rgb(155, 155, 155);
}
QRadioButton::indicator {
width: 20px;
height: 20px;
}
待完善!
相關文章
- Qt 介面美化教程 QSS QML Qt自繪方式優缺點對比QT
- QT之qss教程-QSpinBoxQT
- QT皮膚(QSS)程式設計QT程式設計
- Qt之qss檔案編寫QT
- (轉)Qt之qss檔案編寫QT
- QSS總結以及最近做的Qt專案QT
- Ubuntu使用-美化篇Ubuntu
- Qt實現一個支援QSS的Switch Button(開關按鈕)QT
- An Introduction to the Basics of Modern CSS ButtonsCSS
- Qt對基本控制元件進行美化 QStyle和QStyleSheetQT控制元件
- Qt5.9中利用QSS更改QTreeView的展開節點箭頭小圖示用法QTView
- Create CSS3 Buttons Compatible with All BrowsersCSSS3
- QSS定製自定義QSliderIDE
- Qt中Spinbox,DateTimeEdit等控制元件樣式表:箭頭在左右兩邊QSS程式碼示例QT控制元件
- SDDC的Windows初體驗-QT篇WindowsQT
- Linux字型安裝與簡單美化(實踐篇)(轉)Linux
- archlinux 美化Linux
- Qt5.9中QSS(qt Style Sheet)用法之一設定按鈕顏色和背景色(設定按鈕間相互間隔、設定按鈕與周圍邊緣間隔)QT
- win10美化教程技巧_windows10桌面美化方法Win10Windows
- 什麼是qt,QT Creator, QT SDK, QT DesignerQT
- CSS table表格美化CSS
- ubuntu 系統美化Ubuntu
- Excel 美化要點Excel
- 一篇文章快速搞懂Qt檔案讀寫操作QT
- C/C++ Qt 運用JSON解析庫 [基礎篇]C++QTJSON
- QComboBox 右側下拉按鈕qss樣式設定
- 如何美化你的ubuntuUbuntu
- 用Prettier美化程式碼
- CSS滾動條美化CSS
- golang 美化資料展示Golang
- 用 Prettier 美化程式碼
- 配置和美化ArchLinuxLinux
- 部落格園美化教程
- qt呼叫js,js呼叫qtQTJS
- Qt:QT右鍵選單QT
- QT父子與QT物件deleteQT物件delete
- (2020最新版)idea最好用得外掛集合推薦---美化篇Idea
- QtQT