Vue3+Arco Design的登录界面使用Arco Design的输入框,再缓存的时候如何去掉缓存回显样式
<http://>
<a-input
v-model="form.username"
placeholder="用户名"
allow-clear
>
<template #prefix>
<icon-user :style="{ width: '16px', height: '16px' }" />
</template>
</a-input>
该方法适用于普通input输入框可去除缓存后样式,Arco Design输入框无效果
:deep(.arco-input) {
&:-internal-autofill-previewed,
&:-internal-autofill-selected {
background-image: none !important;
background-color: light-dark(
rgb(232, 240, 254),
rgba(70, 90, 126, 0.4)
) !important;
color: fieldtext !important;
}
}
可以参考一下这个:https://www.jianshu.com/p/c85cfb6b6713,主要起作用的话用这行: