diff --git a/packages/devui-vue/devui/pagination/src/components/page-size.tsx b/packages/devui-vue/devui/pagination/src/components/page-size.tsx
index a3740fe225..67d28ed41f 100644
--- a/packages/devui-vue/devui/pagination/src/components/page-size.tsx
+++ b/packages/devui-vue/devui/pagination/src/components/page-size.tsx
@@ -28,7 +28,9 @@ export default defineComponent({
             menu: () => (
               <ul>
                 {pageSizeOptions.value.map((item, index) => (
-                  <li onClick={withModifiers(pageSizeChange, ['stop'])} key={index}>
+                  <li class={{ active: item === currentPageSize.value }}
+                    onClick={withModifiers(pageSizeChange.bind(null, { value: item }), ['stop'])}
+                    key={index}>
                     {item}
                   </li>
                 ))}
diff --git a/packages/devui-vue/devui/pagination/src/pagination.scss b/packages/devui-vue/devui/pagination/src/pagination.scss
index 3e8a1c1736..6214e6eb41 100644
--- a/packages/devui-vue/devui/pagination/src/pagination.scss
+++ b/packages/devui-vue/devui/pagination/src/pagination.scss
@@ -387,9 +387,14 @@
     transition: color $devui-animation-duration-fast $devui-animation-ease-in-out-smooth,
       background-color $devui-animation-duration-fast $devui-animation-ease-in-out-smooth;
 
-    &:hover {
+    &:hover:not(.active) {
       color: $devui-list-item-hover-text;
       background-color: $devui-list-item-hover-bg;
     }
+
+    &.active {
+      color: $devui-list-item-active-text;
+      background-color: $devui-list-item-active-bg;
+    }
   }
 }