나는 CSS에 대해 뭔가 물어보고 싶습니다. textarea의 모든 첫 번째 문자 유형을 대문자로 만들고 싶습니다. 그러나 코드를 실행하면 작동하지 않습니다. 어떤 생각?Css :: textarea의 첫 문자가 작동하지 않습니다.
HTML
<textarea name="content" rows="18" placeholder="Your Message" title="Give Your Advice To Us" wrap="soft"></textarea>
CSS는
main.containernya form textarea::first-letter {
text-transform: uppercase;
}
당신은 ::first-letter 의사 요소를 사용하기 위해 블록 용기가 필요합니다
<p><textarea name="content" rows="18" placeholder="Your Message" title="Give Your Advice To Us" wrap="soft"></textarea></p>
그리고 당신의 CSS를 .. :
main.containernya form p::first-letter {
text-transform: uppercase;
}
행운을 빌어 요!
용기가 무슨 뜻인지 말해 줄 수 있어요? 나는 이해하지 못했다 –
아 미안. textarea 앞에 P 태그가 보이지 않습니다. 고마워. –
textarea *가있는 p는 첫 문자가 없음을 알 수 있습니다 *, 맞습니까? 블록 컨테이너에 관한 이론은 옳지 만 문제의 맥락에서 코드가 의미가 없기 때문에 이론은 무의미 해집니다. – BoltClock
텍스트 영역에는 ::first-letter 의사 요소를 사용할 수 없습니다. 블록 컨테이너에만 이러한 의사 요소가있을 수 있지만 특성상 텍스트 영역은 블록 컨테이너가 될 수 없으므로 CSS로이 동작을 에뮬레이션 할 수 없습니다.
양식 필드에 텍스트 변환을 적용하는 것은 일반적으로 좋은 아이디어가 아닙니다. 텍스트 입력의 모양을 변경하는 것입니다. 실제로 제출 된 텍스트에는 변환이 적용되지 않습니다. 텍스트를 항상 첫 번째 문자로 시작하려면 서버 측에서 유효성을 검사하거나 자바 스크립트로 시행하십시오. 어떻게하는지 당신의 유스 케이스에 전적으로 달려 있기 때문에이 질문의 범위를 벗어나지 만, 당신이 필요로하는 또 다른 질문을 찾을 수있을 것이라고 확신합니다.
Haai. 나는 이미 대답했다. 그것은 Gangai Johann과 Alexander의 대답을 바탕으로합니다. 고마워 친구!! –