ScrollBar QStyleSheet应该是透明的，但却带有背景
ScrollBar QStyleSheet应该是透明的，但却带有背景
提问于 2021-05-08 06:27:48
我正在尝试设置QtTableWidget的滚动条的样式，这样“滚动部分”不在条上的部分是透明的，因此滚动条将是背景的颜色，而滚动部分(您放置鼠标的位置)是唯一颜色与背景不同的部分。
我将此作为样式表进行了尝试：
QTableWidget {
background-color:rgb(57, 57, 57);
color:rgb(255,255,255);
border-radius:3px;
}
QScrollBar:vertical {
border: none;
background: rgb(45, 45, 68);
width: 14px;
margin: 15px 0 15px 0;
border-radius: 0px;
}
/* HANDLE BAR VERTICAL */
QScrollBar::handle:vertical {
background-color: rgb(80, 80, 122);
min-height: 30px;
border-radius: 7px;
}但当窗口显示时，我想要透明的部分被填充了一个白色的平铺背景，如下所示：
我不确定是什么导致了我的样式表中的这个问题。
下面是重现窗口的代码：
from PySide2.QtCore import (QCoreApplication, QMetaObject, QObject, QPoint,
QRect, QSize, QUrl, Qt)
from PySide2.QtGui import (QBrush, QColor, QConicalGradient, QCursor, QFont,
QFontDatabase, QIcon, QLinearGradient, QPalette, QPainter, QPixmap,
QRadialGradient)
from PySide2.QtWidgets import *
class Ui_MainWindow(object):
def setupUi(self, MainWindow):
if MainWindow.objectName():
MainWindow.setObjectName(u"MainWindow")
MainWindow.resize(800, 600)
self.centralwidget = QWidget(MainWindow)
self.centralwidget.setObjectName(u"centralwidget")
self.tableWidget = QTableWidget(self.centralwidget)
if (self.tableWidget.rowCount() < 100):
self.tableWidget.setRowCount(100)
self.tableWidget.setObjectName(u"tableWidget")
self.tableWidget.setGeometry(QRect(30, 30, 721, 461))
self.tableWidget.setStyleSheet(u"QTableWidget {\n"
" background-color:rgb(57, 57, 57);\n"
" color:rgb(255,255,255);\n"
" border-radius:3px;\n"
"}\n"
"\n"
"QScrollBar:vertical {\n"
" border: none;\n"
" background: rgb(45, 45, 68);\n"
" width: 14px;\n"
" margin: 15px 0 15px 0;\n"
" border-radius: 0px;\n"
" }\n"
"\n"
"/* HANDLE BAR VERTICAL */\n"
"QScrollBar::handle:vertical { \n"
" background-color: rgb(80, 80, 122);\n"
" min-height: 30px;\n"
" border-radius: 7px;\n"
"}\n"
"QScrollBar::handle:vertical:hover{ \n"
" background-color: rgb(255, 0, 127);\n"
"}\n"
"QScrollBar::handle:vertical:pressed { \n"
" background-color: rgb(185, 0, 92);\n"
"}")
self.tableWidget.setRowCount(100)
MainWindow.setCentralWidget(self.centralwidget)
self.menubar = QMenuBar(MainWindow)
self.menubar.setObjectName(u"menubar")
self.menubar.setGeometry(QRect(0, 0, 800, 26))
MainWindow.setMenuBar(self.menubar)
self.statusbar = QStatusBar(MainWindow)
self.statusbar.setObjectName(u"statusbar")
MainWindow.setStatusBar(self.statusbar)
QMetaObject.connectSlotsByName(MainWindow)
class MainWindow(QMainWindow):
def __init__(self):
QMainWindow.__init__(self)
self.ui = Ui_MainWindow()
self.ui.setupUi(self)
import sys
app = QApplication(sys.argv)
window = MainWindow()
window.show()
sys.exit(app.exec_())回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-12 04:16:17
试试看：
'''
from PySide2.QtCore import (QCoreApplication, QMetaObject, QObject, QPoint,
QRect, QSize, QUrl, Qt)
from PySide2.QtGui import (QBrush, QColor, QConicalGradient, QCursor, QFont,
QFontDatabase, QIcon, QLinearGradient, QPalette, QPainter, QPixmap,
QRadialGradient)
from PySide2.QtWidgets import *
'''
from PyQt5.Qt import *
class Ui_MainWindow(object):
def setupUi(self, MainWindow):
if MainWindow.objectName():
MainWindow.setObjectName(u"MainWindow")
MainWindow.resize(800, 600)
self.centralwidget = QWidget(MainWindow)
self.centralwidget.setObjectName(u"centralwidget")
self.tableWidget = QTableWidget(self.centralwidget)
if (self.tableWidget.rowCount() < 100):
self.tableWidget.setRowCount(100)
self.tableWidget.setObjectName(u"tableWidget")
self.tableWidget.setGeometry(QRect(30, 30, 721, 461))
# self.tableWidget.setStyleSheet('''
MainWindow.setStyleSheet('''
QTableWidget {
background-color:rgb(57, 57, 57);
color:rgb(255, 255, 255);
border-radius:3px;
}
/* VERTICAL SCROLLBAR */
QScrollBar:vertical {
border: none;
background: rgb(45, 45, 68);
width: 14px;
margin: 15px 0 15px 0;
border-radius: 0px;
}
/* HANDLE BAR VERTICAL */
QScrollBar::handle:vertical {
background-color: rgb(80, 80, 122);
min-height: 30px;
border-radius: 7px;
}
QScrollBar::handle:vertical:hover {
background-color: rgb(255, 0, 127);
}
QScrollBar::handle:vertical:pressed {
background-color: rgb(185, 0, 92);
}
/* BTN TOP - SCROLLBAR */
QScrollBar::sub-line:vertical {
border: none;
background-color: rgb(59, 59, 90);
height: 15px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
subcontrol-position: top;
subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical:hover {
background-color: rgb(255, 0, 127);
}
QScrollBar::sub-line:vertical:pressed {
background-color: rgb(185, 0, 92);
}
/* BTN BOTTOM - SCROLLBAR */
QScrollBar::add-line:vertical {
border: none;
background-color: rgb(59, 59, 90);
height: 15px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}
QScrollBar::add-line:vertical:hover {
background-color: rgb(255, 0, 127);
}
QScrollBar::add-line:vertical:pressed {
background-color: rgb(185, 0, 92);
}
/* RESET ARROW vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
background: none;
}
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
background: none;
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
''')
self.tableWidget.setRowCount(100)
MainWindow.setCentralWidget(self.centralwidget)
self.menubar = QMenuBar(MainWindow)
self.menubar.setObjectName(u"menubar")
self.menubar.setGeometry(QRect(0, 0, 800, 26))
MainWindow.setMenuBar(self.menubar)
self.statusbar = QStatusBar(MainWindow)
self.statusbar.setObjectName(u"statusbar")
MainWindow.setStatusBar(self.statusbar)
QMetaObject.connectSlotsByName(MainWindow)
class MainWindow(QMainWindow):
def __init__(self):
QMainWindow.__init__(self)
self.ui = Ui_MainWindow()
self.ui.setupUi(self)
import sys
app = QApplication(sys.argv)
window = MainWindow()
window.show()
sys.exit(app.exec_())
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67442347
复制相关文章
相似问题
腾讯云开发者
