>웹 프론트엔드 >CSS 튜토리얼 >Chrome에서 포커스가 있는 자리표시자 텍스트를 자동으로 숨기려면 어떻게 해야 하나요?

Chrome에서 포커스가 있는 자리표시자 텍스트를 자동으로 숨기려면 어떻게 해야 하나요?

Patricia Arquette
Patricia Arquette원래의
2024-11-12 03:01:02854검색

How Do I Auto-Hide Placeholder Text on Focus in Chrome?

초점 시 자리 표시자 텍스트 자동 숨기기

인터넷 브라우저 자동화를 통해 초점 시 자리 표시자 텍스트 숨기기가 단순화되었지만 이 편리함에는 예외가 있습니다. : 크롬. 이 특정 브라우저를 대상으로 특정 솔루션을 구현해야 합니다.

CSS 접근 방식:

이 CSS 규칙은 초점이 맞춰지면 자리 표시자 텍스트를 투명하게 설정하여 효과적으로 보이지 않습니다.

jQuery 접근 방식:

jQuery 코드는 입력 필드에 포커스가 있을 때 자리 표시자 텍스트를 제거하고 포커스를 잃으면 복원합니다. .

참고:

원래 이 방법은 Chrome에서 브라우저 전용으로 간주되었지만 이제 최신 브라우저는 input::placeholder 선택기를 지원하여 CSS와 jQuery를 모두 만듭니다. 모든 브라우저에 적용 가능한 접근 방식입니다.

위 내용은 Chrome에서 포커스가 있는 자리표시자 텍스트를 자동으로 숨기려면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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