У меня небольшая проблема со шрифтами в моей таблице стилей.
Это мой 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 где-то на веб-сайтах, которые изменяют форму точек пароля. Как я могу избавиться от него и использовать одинаковый стиль в каждом браузере?
Спасибо!
РЕДАКТИРОВАТЬ: Я обнаружил кое-что любопытное: по умолчанию браузеры 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;
}