У
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.
