Bug Type: Component
Environment
- Vue Version:
3.2.45 - Element Plus Version:
2.2.27 - Browser / OS:
Microsoft Edge 104.0.1293.63 - Build Tool:
CDN
Reproduction
Related Component
el-input
Reproduction Link
Element Plus Playground
Steps to reproduce
- 使用高分辨率屏打开最小复现环境的链接即可复现
What is Expected?
Input 边框宽度应该和 Button 一致显示为 1px
What is actually happening?
Input 边框宽度和 Button 组件不一致
Additional comments
我的屏幕 DPR：1.75
1条答案
按热度按时间wpx232ag1#
@msidolphin 你好，请问一下使用 box-shadow 替换掉 border 是出于什么考虑。从我的浏览器测试来看，border 1px 和 box-shadow 1px 的渲染出来的宽度是不同的，在某些 DPR 下区别会非常明显。能不能把 border 再换回来以获得一致的样式。见 PR#6031 ？
关于 box-shadow 和 border 的对比见： border-vs-box-shadow