规范qss的写法

czyt1988 · Nov 21, 2023 · d626fe3 · d626fe3
1 parent 68254cb
commit d626fe3
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 57 deletions.
diff --git a/src/SARibbonBar/resource/theme-dark.qss b/src/SARibbonBar/resource/theme-dark.qss
@@ -53,18 +53,22 @@ SARibbonApplicationButton{
   background-color: #b2b2b2;
 }
 
-SARibbonApplicationButton::hover{
+SARibbonApplicationButton:hover{
   background-color: #a0a0a0;
 }
 
-SARibbonApplicationButton::pressed{
+SARibbonApplicationButton:pressed{
   background-color: #858585;
 }
 
 SARibbonApplicationButton:focus{
   outline: none;
 }
 
+SARibbonApplicationButton::menu-indicator {
+  subcontrol-position: right;
+}
+
 /*SARibbonTabBar*/
 SARibbonTabBar{
     background-color: transparent;
@@ -130,15 +134,15 @@ SARibbonToolButton:focus {
   color: #242424;
   background-color: #a0a0a0;
 }
-SARibbonToolButton::pressed{
+SARibbonToolButton:pressed{
     color:#242424;
     background-color: #858585;
 }
-SARibbonToolButton::checked{
+SARibbonToolButton:checked{
     color:#242424;
     background-color: #9b9b9b;
 }
-SARibbonToolButton::hover {
+SARibbonToolButton:hover {
     color:#242424;
     background-color: #a0a0a0;
 }
@@ -149,14 +153,14 @@ SARibbonControlButton{
   border: none;
   color:#242424;
 }
-SARibbonControlButton::pressed{
+SARibbonControlButton:pressed{
   background-color: #858585;
 }
-SARibbonControlButton::checked{
+SARibbonControlButton:checked{
   border: 0.05em solid #888888;
   background-color: #9b9b9b;
 }
-SARibbonControlButton::hover {
+SARibbonControlButton:hover {
   border: 0.05em solid #888888;
   background-color: #a0a0a0;
  }
@@ -199,7 +203,7 @@ SARibbonPannelOptionButton {
   color:#242424;
 }
 
-SARibbonPannelOptionButton::hover {
+SARibbonPannelOptionButton:hover {
   background-color:#a0a0a0;
 }
 
@@ -355,4 +359,4 @@ SAWindowToolButton#SACloseWindowButton:pressed {
 SAWindowToolButton#SARibbonBarHidePannelButton {
   titlebar-shade-icon: url(:/image/resource/Titlebar_Shade.png);
   titlebar-unshade-icon: url(:/image/resource/Titlebar_Unshade.png);
-}
+}
diff --git a/src/SARibbonBar/resource/theme-office2013.qss b/src/SARibbonBar/resource/theme-office2013.qss
@@ -55,18 +55,22 @@ SARibbonApplicationButton {
   background-color: #2b579a;
 }
 
-SARibbonApplicationButton::hover {
+SARibbonApplicationButton:hover {
   background-color: #5888d0;
 }
 
-SARibbonApplicationButton::pressed {
+SARibbonApplicationButton:pressed {
   background-color: #3369b9;
 }
 
 SARibbonApplicationButton:focus {
   outline: none;
 }
 
+SARibbonApplicationButton::menu-indicator {
+  subcontrol-position: right;
+}
+
 /*SARibbonTabBar*/
 SARibbonTabBar {
   background-color: transparent;
@@ -130,19 +134,19 @@ SARibbonToolButton:focus {
   background-color: #fcfdfe;
 }
 
-SARibbonToolButton::pressed {
+SARibbonToolButton:pressed {
   color: #000;
   border: 0.05em solid #269bf4;
   background-color: #9ed2f9;
 }
 
-SARibbonToolButton::checked {
+SARibbonToolButton:checked {
   color: #333;
   border: 0.05em solid #b9defa;
   background-color: #cee8fc;
 }
 
-SARibbonToolButton::hover {
+SARibbonToolButton:hover {
   color: #000;
   border: 0.05em solid #badffa;
   background-color: #cee7fc;
@@ -156,17 +160,17 @@ SARibbonControlButton {
   color: #333;
 }
 
-SARibbonControlButton::pressed {
+SARibbonControlButton:pressed {
   border: 0.05em solid #269bf4;
   background-color: #9ed2f9;
 }
 
-SARibbonControlButton::checked {
+SARibbonControlButton:checked {
   border: 0.05em solid #b9defa;
   background-color: #cee8fc;
 }
 
-SARibbonControlButton::hover {
+SARibbonControlButton:hover {
   border: 0.05em solid #badffa;
   background-color: #cee7fc;
 }
@@ -214,7 +218,7 @@ SARibbonPannelOptionButton {
   color: #333;
 }
 
-SARibbonPannelOptionButton::hover {
+SARibbonPannelOptionButton:hover {
   background-color: #cee7fc;
   border: 0px;
 }
@@ -329,7 +333,7 @@ SARibbonCategoryScrollButton[arrowType="4"] {
   border-left-width: 0.05em;
 }
 
-SARibbonCategoryScrollButton::hover {
+SARibbonCategoryScrollButton:hover {
   color: #000000;
   background-color: #cee7fc;
 }

diff --git a/src/SARibbonBar/resource/theme-office2016-blue.qss b/src/SARibbonBar/resource/theme-office2016-blue.qss
@@ -119,7 +119,7 @@ SARibbonCategoryScrollButton[arrowType="4"] {
   border-left-width: 0.05em;
 }
 
-SARibbonCategoryScrollButton::hover {
+SARibbonCategoryScrollButton:hover {
   background-color: #c5c5c5;/*{CategoryScrollButton.BKColor:hover}*/
 }
 
@@ -147,7 +147,7 @@ SARibbonApplicationButton {
   background-color: #225497;/* {ApplicationButton.BKColor} */
 }
 
-SARibbonApplicationButton::hover {
+SARibbonApplicationButton:hover {
   background-color: #3e6db5;/* {ApplicationButton.BKColor:hover} */
 }
 
@@ -159,6 +159,10 @@ SARibbonApplicationButton:focus {
   outline: none;
 }
 
+SARibbonApplicationButton::menu-indicator {
+  subcontrol-position: right;
+}
+
 /*SARibbonTabBar*/
 SARibbonTabBar {
   background-color: transparent;
@@ -216,19 +220,19 @@ SARibbonToolButton {
   background-color: #f1f1f1;/* {ToolButton.BKColor} */
 }
 
-SARibbonToolButton::pressed {
+SARibbonToolButton:pressed {
   color: #000;/* {ToolButton.Color:pressed} */
   border: 0.05em solid #c5c3c6;/* {ToolButton.BorderColor:pressed} */
   background-color: #c5c3c6;/* {ToolButton.BKColor:pressed} */
 }
 
-SARibbonToolButton::checked {
+SARibbonToolButton:checked {
   color: #333;/* {ToolButton.Color:checked} */
   border: 0.05em solid #c6c6c6;/* {ToolButton.BorderColor:checked} */
   background-color: #c6c6c6;/* {ToolButton.BKColor:checked} */
 }
 
-SARibbonToolButton::hover {
+SARibbonToolButton:hover {
   color: #000;/* {ToolButton.Color:hover} */
   border: 0.05em solid #c5c5c5;/* {ToolButton.BorderColor:hover} */
   background-color: #c5c5c5;/* {ToolButton.BKColor:hover} */
@@ -242,17 +246,17 @@ SARibbonControlButton {
   color: #333;
 }
 
-SARibbonControlButton::pressed {
+SARibbonControlButton:pressed {
   border: 0.05em solid #124078;/*{ControlButton.BorderColor:pressed}*/
   background-color: #124078;/*{ControlButton.BKColor:pressed}*/
 }
 
-SARibbonControlButton::checked {
+SARibbonControlButton:checked {
   border: 0.05em solid #12427b;/*{ControlButton.BorderColor:checked}*/
   background-color: #12427b;/*{ControlButton.BKColor:checked}*/
 }
 
-SARibbonControlButton::hover {
+SARibbonControlButton:hover {
   border: 0.05em solid #3e6db6;/*{ControlButton.BorderColor:hover}*/
   background-color: #3e6db6;/*{ControlButton.BKColor:hover}*/
 }
@@ -261,7 +265,7 @@ SARibbonControlButton#SARibbonGalleryButtonUp, #SARibbonGalleryButtonDown, #SARi
   border: 0.05em solid #f1f1f1;/*{GalleryButton.BorderColor}*/
   background-color: #f1f1f1;/*{GalleryButton.BKColor}*/
 }
-SARibbonControlButton#SARibbonGalleryButtonUp::hover, #SARibbonGalleryButtonDown::hover, #SARibbonGalleryButtonMore::hover {
+SARibbonControlButton#SARibbonGalleryButtonUp:hover, #SARibbonGalleryButtonDown:hover, #SARibbonGalleryButtonMore:hover {
   border: 0.05em solid #c5c5c5;/*{GalleryButton.BorderColor:hover}*/
   background-color: #c5c5c5;/*{GalleryButton.BKColor:hover}*/
 }
@@ -338,7 +342,7 @@ SARibbonPannelOptionButton {
   color: #333;/*{OptionButton.Color}*/
 }
 
-SARibbonPannelOptionButton::hover {
+SARibbonPannelOptionButton:hover {
   background-color: #c5c5c5;/*{OptionButton.BKColor:hover}*/
   border: 0px;
 }