Skip to content

Instantly share code, notes, and snippets.

@Mottie
Created October 23, 2018 05:48
Show Gist options
  • Save Mottie/b9dafae04b3a223c3e5decb9901d8c99 to your computer and use it in GitHub Desktop.
Save Mottie/b9dafae04b3a223c3e5decb9901d8c99 to your computer and use it in GitHub Desktop.
Input-password-bullet-css
/* Use the css below to change the password input symbol */
@font-face {
font-family: 'fontello';
src: url('./font/fontello.eot?0000');
src: url('./font/fontello.eot?0000#iefix') format('embedded-opentype'),
url('./font/fontello.woff2?0000') format('woff2'),
url('./font/fontello.woff?0000') format('woff'),
url('./font/fontello.ttf?0000') format('truetype'),
url('./font/fontello.svg?0000#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
input[type="password"] {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
/* add spacing to better separate each image */
letter-spacing: 2px;
}