Стилизация input=password
 

Здравствуйте! Как можно изменить кружки в поле input=password на звездочки. Пытался гуглить, но ничего толкового не нашел. Можно ли по средствам CSS кастомизировать поле? или только JS?

В сети полным полно статей на эту тему
http://dimadulin.in.ua/rekomenduyu/p...ri-pomoshi-css

По твоей ссылке
Где про
? :)

ksa,
ой, что-то я был слишком невнимателен( Извиняюсь.

По всей видимости - нет, нельзя на чистом CSS заменить символы.

Я тоже не встречал такого... :no:

У webkit есть нестандартное свойство -webkit-text-security с набором значений disc (default), none, square, circle. Для других браузеров подобного свойства я не знаю да и звёздочек там нет, как видим.

Есть и другой метод. Суть его в том, чтобы подключить шрифт, переопределяющий именно те символы, которые использует браузер для маскировки. Например, последние chrome и firefox используют для этих целей символы \u2022 и \u25CF соответственно. Зная это, создаём шрифт с именно этими 2мя символами и заменяем их на то, что нам надо (создать можно на http://fontello.com/, например). Затем остаётся лишь подключить шрифт и применить к элементу через font-family.

В итоге получим что-то вроде https://fdr-tests.herokuapp.com/css/...-input-styling

Проверил в последних chrome, firefox.

mikhail.golovkin,
воу! Велосипедошедеврально!