Bug Type: Component
Environment
- Vue Version:
3.4.21 - Element Plus Version:
2.6.0 - Browser / OS:
Chrome 122.0.6261.95 - Build Tool:
Vite
Reproduction
Related Component
el-selectel-input
Reproduction Link
Docs CN
Steps to reproduce
在文档的 #表单校验 部分，点击 Activity zone 选择器，然后仔细观察选择器边框的左上角。
包括 https://issue.element-plus.org/ issue标题的输入框也出现了同样情况。
What is Expected?
hover、focus、error各个状态的边框范围一致，仅颜色有变化
What is actually happening?
focus、error状态时，边框除了颜色变化，还溢出到了应有的范围之外。主要体现在左上角和右上角出现多余的蓝色或红色像素点。
且组件失焦后，蓝色像素点仍存在于左上角和右上角。
Additional comments
其它版本我不清楚，我之前使用的2.3.14版本无此问题，升级到2.6.0则发现了这个问题。
6条答案
按热度按时间qnzebej01#
这种问题一般与屏幕分辨率和系统缩放有关，不是组件的问题。
slsn1g292#
似乎是chromium内核浏览器特有的问题
s8vozzvw3#
似乎是chromium内核浏览器特有的问题
确实，在 Firefox 没有复现这个问题。不过 element-plus@2.3.x 也没有这个问题。
对于这个问题发生的机制我完全没有头绪😅，明明看起来v2.3与v2.6的边框都是一样的，通过内阴影实现，但为什么会产生差异呢……🤔
xzlaal3s4#
似乎是chromium内核浏览器特有的问题
确实，在 Firefox 没有复现这个问题。不过 element-plus@2.3.x 也没有这个问题。 对于这个问题发生的机制我完全没有头绪😅，明明看起来v2.3与v2.6的边框都是一样的，通过内阴影实现，但为什么会产生差异呢……🤔
将浏览器缩放调整至150%缩放以上会不会出现同样的情况呢？
s4chpxco5#
似乎是chromium内核浏览器特有的问题
确实，在 Firefox 没有复现这个问题。不过 element-plus@2.3.x 也没有这个问题。 对于这个问题发生的机制我完全没有头绪😅，明明看起来v2.3与v2.6的边框都是一样的，通过内阴影实现，但为什么会产生差异呢……🤔
将浏览器缩放调整至150%缩放以上会不会出现同样的情况呢？
尝试了一下，也会，某些缩放倍率下会出现此问题。对我的设备来说（3440*1440），100%、110%、175%、200%时会出现
2o7dmzc56#
似乎是chromium内核浏览器特有的问题
确实，在 Firefox 没有复现这个问题。不过 element-plus@2.3.x 也没有这个问题。 对于这个问题发生的机制我完全没有头绪😅，明明看起来v2.3与v2.6的边框都是一样的，通过内阴影实现，但为什么会产生差异呢……🤔
将浏览器缩放调整至150%缩放以上会不会出现同样的情况呢？
尝试了一下，也会，某些缩放倍率下会出现此问题。对我的设备来说（3440*1440），100%、110%、175%、200%时会出现
似乎是设备像素和设备独立像素没对齐导致的