diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue index d1ba9f83e5..254da97926 100644 --- a/packages/components/select/src/select.vue +++ b/packages/components/select/src/select.vue @@ -329,7 +329,8 @@ export default defineComponent({ type: [String, Object] as PropType, default: ArrowUp, }, - tagType: tagProps.type, + // eslint-disable-next-line vue/require-prop-types + tagType: { ...tagProps.type, default: 'info' }, }, emits: [ UPDATE_MODEL_EVENT, diff --git a/packages/components/select/src/useSelect.ts b/packages/components/select/src/useSelect.ts index 30d6d7c9ec..08fba5dc05 100644 --- a/packages/components/select/src/useSelect.ts +++ b/packages/components/select/src/useSelect.ts @@ -50,7 +50,7 @@ export function useSelectStates(props) { menuVisibleOnFocus: false, isOnComposition: false, isSilentBlur: false, - prefixWidth: 0, + prefixWidth: 11, tagInMultiLine: false, }) } diff --git a/packages/theme-chalk/src/select.scss b/packages/theme-chalk/src/select.scss index 41e067e164..86fffef519 100644 --- a/packages/theme-chalk/src/select.scss +++ b/packages/theme-chalk/src/select.scss @@ -148,7 +148,7 @@ .#{$namespace}-tag { box-sizing: border-box; border-color: transparent; - margin: 2px 0 2px 6px; + margin: 2px 6px 2px 0; .#{$namespace}-icon-close { background-color: var(--el-text-color-placeholder);