fix(theme-chalk): [pagination] style if selected value is disabled (#…

…8447)
element-plus · Jun 24, 2022 · 49bc137 · 49bc137
1 parent c6b43df
commit 49bc137
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/theme-chalk/src/pagination.scss b/packages/theme-chalk/src/pagination.scss
@@ -240,6 +240,11 @@
       &.is-disabled {
         color: getCssVar('text-color', 'placeholder');
         background-color: getCssVar('disabled-bg-color');
+
+        &.is-active {
+          color: getCssVar('text-color', 'secondary');
+          background-color: getCssVar('fill-color', 'dark');
+        }
       }
       @include when(first) {
         margin-left: 0;
@@ -350,6 +355,11 @@
     &.is-active {
       color: getCssVar('pagination-hover-color');
       cursor: default;
+
+      &.is-disabled {
+        font-weight: bold;
+        color: getCssVar('text-color', 'secondary');
+      }
     }
   }