I want to increase the size of the "balls" of an input password, I thought of input { font-size:140% /*exemplo*/ } for example. However, only the bar that keeps blinking at the time of typing increases.
The password characters do not increase.
Anyone who can help, thank you!
Increase size field balls for password
2
asked by anonymous 23.09.2014 / 02:46
2 answers
4
With CSS you can basically change font and size:
<input style="font-size:18px;width:85px;font-family:Lucida Console" type="password">
But it is unpredictable what will happen from browser to browser. What you can do is to use a custom font, however, nothing guarantees that the browser will actually use it in practice.
The alternative would be to use a JavaScript to change the characters of a text field, but there are a number of security issues involved.
See some tests on JS Fiddle , remembering that once you get it right Whatever you want, test in another browser and ... Bam! Surprise, all different!
23.09.2014 / 04:42
2
Well, I was curious and the best I found was this,
@media screen and (-webkit-min-device-pixel-ratio:0){ /* START WEBKIT */
INPUT[type="password"]{
font-family:Verdana,sans-serif;
height:30px;
font-size:30px;
width:220px;
padding:5px;
letter-spacing:2px;
}
}
If you change the font-size bullets will change size as you need however you have to adjust the height / width of the input together so that the bullets are in the right position.
23.09.2014 / 04:47