아이콘을 추가하여 드롭 다운을 선택하십시오.

Question

선택 그룹의 끝에 아이콘을 추가하려고합니다. 나는 abs 요소를 pseudo 요소에 배치했지만 그것을 볼 수 없습니다.

마크 업 :

<select id="signup-sector" name="signup-sector" class="signup-select"> 
         <option value="sector">Sector</option> 
         <option value="volvo">Volvo</option> 
         <option value="saab">Saab</option> 
         <option value="mercedes">Mercedes</option> 
        </select> 

CSS :

select.signup-select::after { 
    content: "\f107;"; 
    position: absolute; 
    top: 5px; 
    right: 5px; 
    font-size: 20px; 
    color: black; 
} 

셀렉트는 위치의 상대 세트가 있습니다.

감사

여기

Answer 1

내가이 시도 할 것입니다 ..이 당신을 도울 수 희망 ...

.signup-select:after { 
 
    content: ""; 
 
    position: absolute; 
 
    right: 10px; 
 
    top: 3px; 
 
    width: 0; 
 
    height: 0; 
 
    border-left: 10px solid transparent; 
 
    border-right: 10px solid transparent; 
 
    border-top: 10px solid #333; 
 
}

<select id="signup-sector" name="signup-sector" class="signup-select"> 
 
         <option value="sector">Sector</option> 
 
         <option value="volvo">Volvo</option> 
 
         <option value="saab">Saab</option> 
 
         <option value="mercedes">Mercedes</option> 
 
        </select>