css질문입니당..

Question

asdfasfsafdasfd
asdfasfsafdasfd


 

select가 아이폰에서 모양이 달라져서

 

  appearance: none;

 

이거 주고

 

select::after {content:"asdfasdfasdfsdfsdafsd";}

 

이런식으로 넣었는데 아무것도 반응을 안하네요..

 

그냥 div에는 반응을 하는데 원래 select는 after 나 before가 반응하지 않는건가요?

제국치천 · Accepted Answer

네 안 됩니다.

 

::after나 ::before를 쓰면 엘리먼트 비스무레 한 게 생성되는데요, 문자 그대로 'pseudo-elements'라고 부릅니다. 여하간 HTML 스펙상 이건 해당 엘리먼트 밖이 아니라 '안'에 생성되는 걸로 칩니다.

 

 엘리먼트 내부에는 엘리먼트하고  엘리먼트 외에는 뭐가 들어가든 무시됩니다.

 

그러니까, select 엘리먼트 내부에는 pseudo-elements나, 일반텍스트가 들어갈 수 없기 때문에 작동을 안 하는 겁니다.

 

같은 이유로 ,  등, 닫는 태그가 없는 엘리먼트들에도 사용하실 수 없습니다.

css질문입니당..

답변 1개

공유하기