input password bullet

更改输入密码子弹

此存储库提供了说明和简单的演示，显示了如何在大多数浏览器中替换输入密码子弹。

• 转到Fontello或同等站点。

• 选择或上传图标。

  

• 选择“自定义代码”选项卡。

• 将字形目的地更改为U+“ 2022”，以替换Webkit浏览器中的子弹符号。

• 将字形目的地更改为U+“ 25CF”，以替换Firefox＆MS Edge中的子弹符号。

  

• 下载WebFont。

• 在您的网站上包括字体文件，并包括以下CSS（注意， 0000将根据Glyph＆Glyph目的地更改）

 /* 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 : 2 px ;
}

• 查看演示