相关疑难解决方法(0)

在CSS中设置密码字段的样式

我的样式表中的字体遇到了一个小问题.

这是我的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)

css forms fonts input stylesheet

41
推荐指数
3
解决办法
13万
查看次数

在HTML中更改密码char

我可以在HTML中的密码框中更改密码字符.我想把它改成■

html

6
推荐指数
1
解决办法
5520
查看次数

标签 统计

css ×1

fonts ×1

forms ×1

html ×1

input ×1

stylesheet ×1