Qt中漂亮的幾款QSS

1、/* = Shared = */QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog     background-color: #222222;    color: #BBBBB

2、B;    font-family: "Segoe UI"/* = QWidget = */QWidget:window     background: #222222;    color: #BBBBBB;    font-family: "Segoe UI"/* = 

3、;QToolTip = */QToolTip     background-color: #000000;    border: 2px solid #333333;    color: yellow;/* = QPushButton = */QPushButton     border: 1px&

4、#160;solid #333333;    padding: 4px;    min-width: 65px;    min-height: 12px;QPushButton:hover     background-color: #333333;    border-color: #444444;QPushButton:pr

5、essed     background-color: #111111;    border-color: #333333;    color: yellow;QPushButton:disabled     color: #333333;/* = Checkable items = */QCheckBox:indicator,

6、 QRadioButton:indicator, QTreeView:indicator     width: 16px;    height: 16px;    background-color: #111111;    border: 1px solid #333333;QRadioButton:indicator  

7、60;  border-radius: 8px;QCheckBox:indicator:checked, QRadioButton:indicator:checked, QTreeView:indicator:checked     background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB,

8、60;stop:1 #111111);QCheckBox:indicator:disabled, QRadioButton:indicator:disabled, QTreeView:indicator:disabled     background-color: #444444;QCheckBox:indicator:checked:disabled, QRadioButton:indicator:checked:disabled, QTreeView:indicator:check

9、ed:disabled     background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #444444);/* = QComboBox = */QComboBox     background-color: b

10、lack;    border: 1px solid #333333;    color: white;    padding:1px 2em 1px 3px;QComboBox:drop-down     subcontrol-origin: padding;    subcontrol-position:

11、 top right;    border-left: 1px solid #333333;QComboBox:down-arrow     border: 2px solid #333333;    width: 6px;    height: 6px;    background:&#

12、160;#5f5f5f;/* = QGroupBox = */QGroupBox     border: 2px solid #333333;    margin-top: 2ex;QGroupBox:title     color: yellow;    subcontrol-origin: margin; 

13、;   subcontrol-position: top left;    margin-left: 5px;/* = QTabWidget = */QTabWidget:pane     background: #222222;    border: 2px solid #333333;/* = QTabB

14、ar = */QTabBar:tab     background: transparent;    border: 1px solid #333333;    border-bottom: none;    color: #BBBBBB;    padding-left: 5px; &#

15、160;  padding-right: 10px;    padding-top: 3px;    padding-bottom: 3px;QTabBar:tab:hover     background-color: #333333;    border: 1px solid #444444;   

16、60;border-bottom: none;QTabBar:tab:selected     background-color: #111111;    border: 1px solid #333333;    border-top: 1px solid yellow;    border-bottom: none; 

17、60;  color: yellow/* = QToolBar = */QToolBar     background-color: #222222;    border: none;    padding: 1px;QToolBar:handle     background: #222222; 

18、   border-left: 1px dotted yellow;    color: #BBBBBB;QToolBar:separator     width: 6px;    background-color: #222222;/* = QToolButton = */QToolButton   

19、60; border: 1px solid #333333;    margin: 1px;QToolButton:hover     background-color: #333333;    border: 1px solid #444444;QToolButtonpopupMode="1"  /* only fo

20、r MenuButtonPopup */    padding-right: 20px; /* make way for the popup button */QToolButton:menu-button     border-left: 1px solid #333333;    background: trans

21、parent;    width: 16px;QToolButton:menu-button:hover     border-left: 1px solid #444444;    background: transparent;    width: 16px;QToolButton:checked, QToolButton:pressed &#

22、160;   background-color: #111111;    color: yellow;/* = QMenu = */QMenu     background-color: black;    border: 1px solid gray;    color: white;&

23、#160;   padding: 1px;QMenu:item     padding: 2px 25px 2px 20px;    border: 1px solid transparent;QMenu:item:disabled     color: #666666;QMenu:item:selected  

24、60;  border-color: gray;    background: #222222;QMenu:icon:checked QMenu:separator     height: 1px;    background: #222222;    margin-left: 10px;    margin

25、-right: 10px;    margin-top: 1px;    margin-bottom: 1px;QMenu:indicator     width: 13px;    height: 13px;/* = QMenuBar = */QMenuBar     backgroun

26、d-color: black;    color: white;QMenuBar:item     background: transparent;QMenuBar:item:disabled     color: gray;QMenuBar:item:selected     background: #222222;QMenuBar:item:presse

27、d     background: #444444; /* = QScrollBar:vertical = */QScrollBar:vertical     background: #111111;    width: 16px;    margin: 16px 0 16px 0;QScrollB

28、ar:handle:vertical     background: #555555;    min-height: 16px;QScrollBar:add-line:vertical     background: #444444;    height: 16px;    subcontrol-position: bottom

29、;    subcontrol-origin: margin;QScrollBar:sub-line:vertical     background: #444444;    height: 16px;    subcontrol-position: top;    subcontrol-origin: margin;QScrollBar

30、:add-page:vertical, QScrollBar:sub-page:vertical     background: none;QScrollBar:up-arrow:vertical, QScrollBar:down-arrow:vertical     border: 2px solid #333333;    width: 6px;   &

31、#160;height: 6px;    background: #5f5f5f;/* = QScrollBar:horizontal = */QScrollBar:horizontal     background: #111111;    height: 16px;    margin: 0 16px 0 

32、;16px;QScrollBar:handle:horizontal     background: #555555;    min-width: 16px;QScrollBar:add-line:horizontal     background: #444444;    width: 16px;    subcontrol-posit

33、ion: right;    subcontrol-origin: margin;QScrollBar:sub-line:horizontal     background: #444444;    width: 16px;    subcontrol-position: left;    subcontrol-origin: 

34、margin;QScrollBar:add-page:horizontal, QScrollBar:sub-page:horizontal     background: none;QScrollBar:left-arrow:horizontal, QScrollBar:right-arrow:horizontal     border: 2px solid #333333;    width:&

35、#160;6px;    height: 6px;    background: #5f5f5f;/* = */QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox     background-color: black;    color: #BBBBBB;

36、    border: 1px solid #333333;QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox     border-color: #333333;    border: 1px solid #333333;/* = QHeaderV

37、iew = */QHeaderView:section     background: #222222;    border: 0;    color: #BBBBBB;    padding: 3px 0 3px 4px;/* = QListView = */QListView:item:hove

38、r     background: #333333;QListView:item:selected     background: #111111;    color: yellow;/* = QTableView = */QTableView:item:hover     background: #333333;QTableV

39、iew:item:hover     background: #111111;    color: yellow;/* = QTreeView = */QTreeView:item     background: black;QTreeView:item:hover     background: #333333;QTreeVi

40、ew:item:selected     background: #111111;    color: yellow;QTreeView:branch QTreeView:branch:has-siblings:adjoins-item QTreeView:branch:has-siblings:!adjoins-item QTreeView:branch:closed:has-children:has-siblings QTreeView:br

41、anch:has-children:!has-siblings:closed QTreeView:branch:!has-children:!has-siblings:adjoins-item QTreeView:branch:open:has-children:has-siblings QTreeView:branch:open:has-children:!has-siblings /* = Customizations = */QFrame#infoLabel    &#

42、160;border: 1px inset #333333;2.QWidget    background-color: beige;QToolBar     background-color: beige;QDialog, QFileDialog     background-color: beige;QTabWidget:pane  /* The

43、0;tab widget frame */    border-top: 2px solid #C2C7CB;QTabWidget:tab-bar     left: 5px; /* move to the right by 5px */QTabBar, QTabWidget     backgro

44、und-color: beige;QTabBar:tab      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                      

45、0;          stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,                             

46、0;   stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);     border: 1px solid darkkhaki;     border-bottom-color: #C2C7CB; /* same as the pane color */  

47、0;  border-top-left-radius: 4px;     border-top-right-radius: 4px;     min-width: 8ex;     padding: 2px; QTabBar:tab:selected, QTabBar:tab:hover     background:

48、 qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                stop: 0 #fafaf

49、a, stop: 0.4 #f4f4f4,                                stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);QTabBar:t

50、ab:selected     border-color: #9B9B9B;    border-bottom-color: #C2C7CB; /* same as pane color */QTabBar:tab:!selected     margin-top: 2px; /* make non-selected tabs&

51、#160;look smaller */* Nice Windows-XP-style password character. */QLineEditechoMode="2"     lineedit-password-character: 9679;QHeaderView:section      background-color: qlineargradient(x1:0,

52、 y1:0, x2:0, y2:1,                                       stop:0 #616161, stop:&#

53、160;0.5 #505050,                                       stop: 0.6 #434343, stop:1 

54、;#656565);     color: white;     padding-left: 4px;     border: 1px solid #6c6c6c;  QHeaderView:section:checked      background-color: red; /* We

55、 provide a min-width and min-height for push buttons   so that they look elegant regardless of the width of the text. */QPushButton     background-color: p

56、alegoldenrod;    border-width: 2px;    border-color: darkkhaki;    border-style: solid;    border-radius: 5;    padding: 3px;    min-width: 9ex; 

57、   min-height: 2.5ex;QPushButton:hover    background-color: khaki;/* Increase the padding, so the text is shifted when the button is   pressed. */QPushButton:pressed 

58、0;   padding-left: 5px;    padding-top: 5px;    background-color: #d0d67c;QLabel, QAbstractButton     font: bold;/* Mark mandatory fields with a brownish color.

59、 */.mandatory     color: brown;/* Bold text on status bar looks awful. */QStatusBar QLabel    font: normal;QStatusBar:item     border-width: 1;   

60、0;border-color: darkkhaki;    border-style: solid;    border-radius: 2;QStackedWidget, QComboBox, QLineEdit, QSpinBox, QTextEdit, QListView, QWebView, QTreeView, QHeaderView     ba

61、ckground-color: cornsilk;    selection-color: #0a214c;     selection-background-color: #C19A6B;QListView     show-decoration-selected: 1;QListView:item:hover     background-color: 

62、wheat;/* We reserve 1 pixel space in padding. When we get the focus,   we kill the padding and enlarge the border. This makes the items   glow. */QLin

63、eEdit, QFrame     border-width: 1px;    padding: 1px;    border-style: solid;    border-color: darkkhaki;    border-radius: 5px;/* As mentioned above,

64、 eliminate the padding and increase the border. */QLineEdit:focus, QFrame:focus     border-width: 3px;    padding: 0px;/* A QLabel is a QFrame  */QLabel  &

65、#160;  border: none;    padding: 0;    background: none;/* A QToolTip is a QLabel  */QToolTip     border: 2px solid darkkhaki;    padding:&#

66、160;5px;    border-radius: 3px;    opacity: 200;/* Nice to have the background color change when hovered. */QRadioButton:hover, QCheckBox:hover     background-color: 

67、;wheat;/* Force the dialog's buttons to follow the Windows guidelines. */QDialogButtonBox     button-layout: 0;3./*    Style by evilworks, 2012-2013. pollux   &#

68、160;This file is Public Domain.*/* = Shared = */QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog, QTabBar     font-fa

69、mily: "Segoe UI"    background-color: #888;    color: #000;/* = QWidget = */QWidget:window     font-family: 'Segoe UI'    background-color: #8

70、88;/* = QPushButton = */QPushButton     border: 1px solid #555;    padding: 4px;    min-width: 65px;    min-height: 12px;QPushButton:hover    

71、60;background-color: #999;QPushButton:pressed     background-color: #333;    border-color: #555;    color: #AAA;QPushButton:disabled     color: #333333;/* = QComboBox =&#

72、160;*/QComboBox     background-color: #AAA;    border: 1px solid #555;    color: black;QComboBox:drop-down     subcontrol-origin: padding;    subcontrol-positio

73、n: top right;    border-left: 1px solid #333333;/* = QGroupBox = */QGroupBox     border: 1px solid #555;    margin-top: 2ex;QGroupBox:title     c

74、olor: black;    subcontrol-origin: margin;    subcontrol-position: top left;        border: 1px solid #555;/* = QTabBar = */QTabBar:tab     

75、border-bottom: none;    color: #000;    padding: 4px;    background-color: #888;    border: 1px solid #555;QTabBar:tab:hover     background-color: #AAA;QTa

76、bBar:tab:selected     background-color: #000;    color: white;/* = QTabWidget = */QTabWidget:pane     background: #888;    border: 1px solid #555;/* = 

77、;QToolBar = */QToolBar     background: #949494;    border: none;    padding-left: 0px;    padding-right: 0px;    margin: 2px;QToolBar:separator   

78、;  width: 1px;    margin-left: 3px;    margin-right: 3px;    background-color: #555;/* = QToolButton = */QToolButton     border: 1px solid #666; 

79、   margin: 1px;QToolButton:hover     background-color: #AAA;QToolButtonpopupMode="1"  /* only for MenuButtonPopup */    padding-right: 20px; /* make way for the

80、 popup button */QToolButton:menu-button     border-left: 1px solid #666;    background: transparent;    width: 16px;QToolButton:menu-button:hover     border-left: 1p

81、x solid #666;    background: transparent;    width: 16px;QToolButton:checked, QToolButton:pressed     background-color: #000;    border: 1px solid #555;   

82、 color: white;/* = QScrollBar:vertical = */QScrollBar:vertical     width: 16px;    margin: 16px 0 16px 0;    background: #333;QScrollBar:handle:vertical    

83、; background: #888;    min-height: 16px;    border-top: 1px solid #666;    border-bottom: 1px solid #666;QScrollBar:add-line:vertical     background: #888; 

84、0;  height: 16px;    subcontrol-position: bottom;    subcontrol-origin: margin;QScrollBar:sub-line:vertical     background: #888;    height: 16px;    subcontrol

85、-position: top;    subcontrol-origin: margin;QScrollBar:add-page:vertical, QScrollBar:sub-page:vertical     background: none;/* = QScrollBar:horizontal = */QScrollBar:horizontal     height:&

86、#160;16px;    margin: 0 16px 0 16px;    background: #333;QScrollBar:handle:horizontal     background: #888;    min-width: 16px;    border-left: 1px so

87、lid #666;    border-right: 1px solid #666;QScrollBar:add-line:horizontal     background: #888;    width: 16px;    subcontrol-position: right;    subcontrol-orig

88、in: margin;QScrollBar:sub-line:horizontal     background: #888;    width: 16px;    subcontrol-position: left;    subcontrol-origin: margin;QScrollBar:add-page:horizontal, QScrollBar:sub

89、-page:horizontal     background: none;/* = QMenu = */QMenu     background-color: black;    border: 1px solid gray;    color: white;    padding: 1px;QMenu:item     padding: 2px 25px 2px 20px;    border