css질문입니당..
본문
<select>
<option value="">asdfasfsafdasfd</option>
<option value="">asdfasfsafdasfd</option>
</select>
select가 아이폰에서 모양이 달라져서
appearance: none;
이거 주고
select::after {content:"asdfasdfasdfsdfsdafsd";}
이런식으로 넣었는데 아무것도 반응을 안하네요..
그냥 div에는 반응을 하는데 원래 select는 after 나 before가 반응하지 않는건가요?
답변 1
네 안 됩니다.
::after나 ::before를 쓰면 엘리먼트 비스무레 한 게 생성되는데요, 문자 그대로 'pseudo-elements'라고 부릅니다. 여하간 HTML 스펙상 이건 해당 엘리먼트 밖이 아니라 '안'에 생성되는 걸로 칩니다.
<select> 엘리먼트 내부에는 <option>엘리먼트하고 <optgroup> 엘리먼트 외에는 뭐가 들어가든 무시됩니다.
그러니까, select 엘리먼트 내부에는 pseudo-elements나, 일반텍스트가 들어갈 수 없기 때문에 작동을 안 하는 겁니다.
같은 이유로 <input>, <img> 등, 닫는 태그가 없는 엘리먼트들에도 사용하실 수 없습니다.
답변을 작성하시기 전에 로그인 해주세요.
