在CSS中设置密码字段样式

前端之家收集整理的这篇文章主要介绍了在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;
}

这是结果:

我认为有一个内部css设置,在某处,在webkits修改密码点的形状。如何摆脱它,并在每个浏览器具有相同的风格?

谢谢!

编辑:我只是发现了一些好奇:默认情况下,webkit浏览器应用这个CSS到密码字段:

input[type="password"]
{
  -webkit-text-security: disc;
}

这就是取代经典middot。
我试图将其设置为圆或无,但我不能得到类似于其他浏览器显示的东西。

编辑:我找到解决方案。
如果你使用“Lucida Sans Unicode”字体为您的网站,这就是问题!正确模拟密码字段的其他浏览器的大点的唯一字体是Verdana,混合了一点字母间距。所以,对于Opera和Webkit,使用以下代码来修复它:

.opera input[type="password"],.webkit input[type="password"]
{
  font: large Verdana,sans-serif;
  letter-spacing: 1px;
 }

解决方法

最好的我可以找到是设置输入[type =“密码”] {font:small-caption; font-size:16px}

演示:http://jsfiddle.net/x5CCf/

原文链接:https://www.f2er.com/css/220576.html

猜你在找的CSS相关文章