Стилизация полей пароля в 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;
}

И вот результат:

browser password fields

Я думаю, что есть внутренняя настройка css где-то на веб-сайтах, которые изменяют форму точек пароля. Как я могу избавиться от него и использовать одинаковый стиль в каждом браузере?

Спасибо!

РЕДАКТИРОВАТЬ: Я обнаружил кое-что любопытное: по умолчанию браузеры webkit применяют этот CSS к полям пароля:

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

И вот что заменяет классический миддот. Я попытался установить круг или нет, но я не могу получить что-то похожее на то, что показывают другие браузеры.

РЕДАКТИРОВАТЬ: Я НАШЕЛ РЕШЕНИЕ. Если вы используете для своего веб-сайта шрифт Lucida Sans Unicode, то проблема в этом! Единственный шрифт, который правильно имитирует большие точки поля пароля в других браузерах, - это Verdana, смешанный с небольшим интервалом между буквами. Итак, как для Opera, так и для Webkit используйте следующий код, чтобы исправить это:

.opera input[type="password"],
.webkit input[type="password"]
{
  font: large Verdana,sans-serif;
  letter-spacing: 1px;
 }
41
задан Volomike 28 April 2012 в 12:53
поделиться