질문:
빈 입력 필드에 스타일을 어떻게 적용할 수 있나요? 사용자가 입력할 때 사라지도록 보장 text?
답변:
최신 브라우저에서는 :placeholder-shown 의사 클래스를 활용하여 빈 입력 필드를 대상으로 지정할 수 있습니다. CSS 코드는 다음과 같습니다.
input:placeholder-shown {
border: 1px solid red; /* Red border only when the input is empty */
}이 효과를 활성화하려면 HTML의 입력 필드에 자리 표시자 속성을 추가해야 합니다. Chrome에서는 자리 표시자 값으로 최소한 공백 문자가 필요하다는 점을 명심하세요.
<input type="text" placeholder=" "> <!-- Do not remove placeholder -->
위 내용은 CSS를 사용하여 빈 입력 필드의 스타일을 지정하고 사용자 입력 시 스타일을 제거하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
