>웹 프론트엔드 >JS 튜토리얼 >IE10+ 입력 X 텍스트 상자의 십자가와 비밀번호 입력 상자의 눈 아이콘을 지우는 방법

IE10+ 입력 X 텍스트 상자의 십자가와 비밀번호 입력 상자의 눈 아이콘을 지우는 방법

高洛峰
高洛峰원래의
2017-01-10 09:33:261393검색

IE 10부터 type="text"로 입력하면 사용자가 콘텐츠를 입력한 후 자동으로 작은 십자 표시(X)가 생성되어 사용자가 클릭하여 입력한 텍스트를 더 쉽게 지울 수 있습니다.

type="password"로 입력하면 오른쪽에 작은 눈 아이콘이 표시됩니다. 이 아이콘을 클릭하면 입력한 내용이 표시됩니다.

좋긴 하지만 js로 이 기능을 제어하는 ​​경우처럼 불필요한 경우도 있습니다.

다음 CSS 코드를 사용하면 IE 브라우저에 포함된 텍스트 삭제 버튼과 비밀번호 보기 버튼을 쉽게 숨길 수 있습니다.

::-ms-clear,
::-ms-reveal
{
display:none;
}

그 중::-ms-clear는 텍스트 지우기 버튼이고, 입력 오른쪽에 있는 십자가가::-ms-reveal은 비밀번호 보기입니다. 비밀번호 상자인 버튼 오른쪽에 작은 눈이 있습니다.

물론 개별적으로 클리어하는 것도 가능합니다.

위는 IE10+ 입력에서 십자 표시를 지우는 방법에 대한 편집자의 소개입니다. 시간이 지나면 편집자가 모든 분들께 답변해 드릴 것입니다. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!

IE10+ 입력 X 텍스트 상자의 십자 표시와 비밀번호 입력 상자의 눈 아이콘을 지우는 방법에 대한 자세한 관련 기사는 PHP 중국어 웹사이트를 참고하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.