我的样式表中的字体遇到了一个小问题.
这是我的CSS:
body
{
...
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}
#wrapper_page
{
...
font-size: 1.2em;
}
input, select, textarea
{
...
font: bold 100% "Lucida Sans Unicode",sans-serif;
}
Run Code Online (Sandbox Code Playgroud)
这就是结果:

我认为在某个地方有一个内部css设置,用于修改密码点形状的webkits.我怎样才能摆脱它并在每个浏览器上拥有相同的风格?
谢谢!
编辑:我刚发现一些奇怪的东西:默认情况下,webkit浏览器将此CSS应用于密码字段:
input[type="password"]
{
-webkit-text-security: disc;
}
Run Code Online (Sandbox Code Playgroud)
这就是取代经典middot的原因.我尝试将其设置为圆圈或没有,但我无法获得类似于其他浏览器显示的内容.
编辑:我找到了一个解决方案.如果您的网站使用"Lucida Sans Unicode"字体,那就是问题所在!唯一能够正确模拟密码字段的其他浏览器的大点的字体是Verdana,混合了一点字母间距.因此,对于Opera和Webkit,请使用以下代码来修复它:
.opera input[type="password"],
.webkit input[type="password"]
{
font: large Verdana,sans-serif;
letter-spacing: 1px;
}
Run Code Online (Sandbox Code Playgroud)