[CSS] 텍스트 뒤에 이미지 따라다니게 하기 - select 박스

셀렉트 박스 개발중에 백그라운드 이미지를 고정 해두는 예제만 있어서 

구글링을 하면서 짜집기해서 완성했다

 

css 부분만 공개하자면 

.셀렉트박스 class이름::after {

background-image: url('이미지위치');

background-repeat: no-repeat;

background-size: 9px auto;

content: "";

display: inline-block;

height: 9px; width: 7%;

margin-left : 6px; }

 

이렇게 하면 화살표가 역시나 없어지지 않는데 아주 간단하게 없앨수있다

 

background-image: url();

이 속성을 추가함으로써 문제는 해결된다