font-weight를 설정할 수 없습니다 : after pseudo-element를 <input> 요소에 사용했습니다.

Question

그래서 입력 요소에 사용자 정의 스타일이 있고 :after을 사용하여 입력에 텍스트를 배치하고 싶습니다. .

제가 실행에있어 문제가 나는 :after 요소 폰트 가중치를 변경할 수없는 것 인 것으로,이 문제는 input 및 :after 요소의 조합으로 발생한다.

CSS

input[type="checkbox"] { /* enable styling of the checkbox ! */ 
    -moz-appearance: none; 
    -webkit-appearance: none; 
} 

input { /* set up some basic styles.... */ 
    background-color:#ccc; 
    width:200px; 
    height:200px; 
    background-color:grey; 
} 

input:after { /* and we create the :after element */ 
    width:100%; 
    text-align:center; 
    font-weight:100; /* THIS DOESN'T WORK FOR SOME REASON */ 
    content: "This should be thin"; /* some text */ 
} 

JSFIDDLE

http://jsfiddle.net/xQVfL/1/

는

크롬 Mac 용 (최신)

테스트

질문 내가 input 요소에 설정된 :after 요소에 글꼴 무게를 설정할 수없는 이유

?

Answer 1

여기에 답변했습니다. 그것은 보인다 : after는 컨테이너 태그에만 추가하기위한 것입니다. Can I use the :after pseudo-element on an input field?