자리 표시 자 속성 : 이후

Question

필자는 입력 필드가 필요하고 그렇지 않은 필드가 있습니다. 자리 표시 자 속성을 대상으로하고 다음 : after 가상 클래스를 사용하여 필드의 끝에 필수 항목으로 별표를 추가하여 원하는 것으로 레이블을 지정하고 싶습니다. 나는 자리를 목표로하고 의사 클래스

CSS

::-webkit-input-placeholder:after { 
    content: '*'; 
    color: darkred; 
    font-size: 1.5rem; 
} 

이 잘 작동하지만 필수 클래스를 구현할 수 아니에요 후있어 아래

.

HTML

<input type="text" class="require" placeholder="Last Name" id="last-name"/> 

CSS

input.require > ::-webkit-input-placeholder:after { 
    content: '*'; 
    color: darkred; 
    font-size: 1.5rem; 
} 

I 해요 나는이 클래스와 요구를 모두 선택 할 방법으로 손실 비트 : 의사 방과후을. 어떤 도움이라도 대단히 감사 할 것입니다.

미리 도움 주셔서 감사합니다.

Answer 1

input.require::-webkit-input-placeholder:after { 
    content: '*'; 
    color: darkred; 
    font-size: 1.5rem; 
}