掩码密码字符大小太小

Question

与Firefox相比，Chrome掩码密码字符有点小。

这个来自Firefox，下面来自Chrome

什么CSS修复可以解决这个问题，即为Chrome应用相同的大面具大小？

Answer 1

首先，您需要使用仅与Chrome（或其他基于WebKit的浏览器）匹配的媒体查询：

@media screen and (-webkit-min-device-pixel-ratio:0) {

}

要增加这些点的大小，您可以将-webkit-text-stroke-width与letter-spacing结合使用：

/* this will only apply to Webkit browsers like Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="password"] {
       -webkit-text-stroke-width: 0.2em;
       letter-spacing: 0.2em;
    }
}

jsFiddle