css - 输入密码字体-family

Question

有没有办法改变字体input["password"]？

我创建了一个带有模拟的 webfont ( WOFF) 。squared asterisk-webkit-text-security: squared

字体渲染得很好，我已经尝试了一些<h1>，<p>但我无法在我的input[type="password"]：

input[type="password"] {
  font-family: "Squared";  
  letter-spacing: 1px;
}

尝试了其他字体，但似乎我无法更改浏览器为密码输入设置的字体。

有没有办法做到这一点？

我也试过了!important。

更新： 这个问题提供了涉及密码输入字体的答案。只对我失败吗？

Answer 1

这取决于浏览器和可能的操作系统 ..

您可以使用其他属性，但在不使用 JS 的情况下，您可以做的与 font-family 相关的事情并不多。

Answer 2

尝试在完整的声明中传递字体，而不是简单地font-family：

input[type="password"] {
    font: "Squared";
    font-size: 18px;
    letter-spacing: 1px;
}