Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug: Chrome浏览器,表单项的Input,记忆模式填充显示异常 #4492

Closed
5 tasks done
lztbwlkj opened this issue Sep 24, 2024 · 2 comments · Fixed by #4519
Closed
5 tasks done

Bug: Chrome浏览器,表单项的Input,记忆模式填充显示异常 #4492

lztbwlkj opened this issue Sep 24, 2024 · 2 comments · Fixed by #4519
Labels
bug Something isn't working

Comments

@lztbwlkj
Copy link

Version

Vben Admin V5

Describe the bug?

浏览器中Input输入过的数据有记忆,下次输入鼠标标记Input获取焦点会弹出之前输入过的值。
这是官方演示平台截屏
WeChatf41d554529e4fad3107ecde63dc20841

这是自己使用Form表单样式
姓名搜索“王倩倩” 就是通过上面的方式,浏览器对Input记忆模式填充的数据,不是手动输入的。
image

Reproduction

通过浏览器的记忆模式填充的Input,其样式显示很奇怪,没有了输入框的边框,放在界面的搜索栏中异常难看

System Info

System:
    OS: macOS 13.7
    CPU: (4) x64 Intel(R) Core(TM) i5-7500 CPU @ 3.40GHz
    Memory: 11.40 GB / 40.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.17.0 - ~/.volta/tools/image/node/20.17.0/bin/node
    npm: 10.8.2 - ~/.volta/tools/image/node/20.17.0/bin/npm
    pnpm: 9.11.0 - ~/.volta/bin/pnpm
  Browsers:
    Chrome: 128.0.6613.138
    Safari: 18.0

Relevant log output

No response

Validations

@cbombonera
Copy link

componentProps autocomplete :'off'
input 原生属性有效的

@vince292007 vince292007 added the bug Something isn't working label Sep 25, 2024
@lztbwlkj
Copy link
Author

input:-webkit-autofill {
  border-style: solid !important;
  border-color: #278df2
} 

整个css文件添加了这个样式可以了。不知道 border-color: #278df2 怎么配置动态的主题色

@github-actions github-actions bot locked and limited conversation to collaborators Oct 11, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants