input password bullet

입력 비밀번호 총알 변경

이 repo는 대부분의 브라우저에서 입력 비밀번호 총알을 교체하는 방법을 보여주는 지침 및 간단한 데모를 제공합니다.

• Fontello 또는 동등한 사이트로 이동하십시오.

• 아이콘을 선택하거나 업로드하십시오.

  

• "코드 사용자 정의"탭을 선택하십시오.

• Glyph 대상을 U+"2022"로 변경하여 WebKit 브라우저의 총알 기호를 교체하십시오.

• Glyph 대상을 U+"25cf"로 변경하여 Firefox & M 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 ;
}

• 데모를 확인하십시오