输入密码字体 - 家庭

时间:2012-12-11 18:20:19

标签: css

有没有办法更改input["password"]的字体?

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

字体呈现正常,我尝试了一些<h1><p>,但我无法在input[type="password"]上呈现该字体:

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

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

有没有办法实现这个目标?

我也试过了!important

更新: This question提供涉及密码输入字体的答案。它只是失败了吗?

2 个答案:

答案 0 :(得分:1)

这取决于浏览器和可能的OS ..

您可以使用其他属性,但如果不使用JS,则无法与font-family相关。

答案 1 :(得分:0)

尝试在完整声明中传递字体,而不仅仅是font-family

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