diff --git a/packages/web-vue/components/select/option.vue b/packages/web-vue/components/select/option.vue
index db8eb5c40..fb3da6243 100644
--- a/packages/web-vue/components/select/option.vue
+++ b/packages/web-vue/components/select/option.vue
@@ -207,6 +207,7 @@ export default defineComponent({
       prefixCls,
       {
         [`${prefixCls}-disabled`]: props.disabled,
+        [`${prefixCls}-selected`]: isSelected.value,
         [`${prefixCls}-active`]: isActive.value,
         [`${prefixCls}-multiple`]: selectCtx?.multiple,
       },
diff --git a/packages/web-vue/components/select/style/index.less b/packages/web-vue/components/select/style/index.less
index 0e9bf2bc1..2dd40e03d 100644
--- a/packages/web-vue/components/select/style/index.less
+++ b/packages/web-vue/components/select/style/index.less
@@ -64,6 +64,13 @@
       justify-content: space-between;
     }
 
+    // selected
+    &-selected {
+      color: @select-popup-option-color-text_selected;
+      font-weight: @select-popup-option-font-weight_selected;
+      background-color: @select-popup-option-color-bg_selected;
+    }
+
     // hover
     &-active,
     &:not(&-disabled):hover {