7

Fontawesome의 아이콘을 선택자의 옵션에 추가해야합니다. 내가Optgroup이 특수 문자를 끊습니다

<select> 
    <optgroup label="group name"> 
     <option>opt1 &#xf042;</option> 
     <option>opt2 &#xf043;</option> 
    </optgroup> 
    <option>opt3 &#xf042;</option> 
    <option>opt4 &#xf043;</option> 
</select> 

여기 JSfiddle이야을 OPTGROUP 사용하지 않는 한 그것은 잘 작동합니다.

왜 그런가?

+0

크롬 _58/Windows 10 – LGSon

+0

하지만 Firefox에서는 작동합니다. :) – LGSon

+0

제게 IE 11, Chrome 58에서 작동합니다. FF 53에서 중단됩니다. 모두 Windows 7에서 작동합니다. – santa

답변

3

외부 리소스를 사용하도록 피들을 업데이트했습니다.

자바 스크립트 파일과 CSS 파일을 가져 오면 아이콘이 표시됩니다.

FontAwesome에 계정을 만들면 링크가 전송됩니다. 코드에서 아래를 시도해보고 제대로 작동하는지 확인해보십시오. 운영 체제에서 선택 뭔가가 같은

<link rel="stylesheet" type="text/css" href="https://fontawesome.io/assets/font-awesome/css/font-awesome.css"> 
<script type="text/javascript" src="https://use.fontawesome.com/cec949909c.js"></script> 
1

바이올린 윈도우 8.1 (최신 FF + IE11)에서 작동하지 않습니다 보인다. optgroup이 없어도 여전히 작동하지 않으므로 optgroupt는 아무 관련이 없습니다.

this answer은 여전히 ​​유효합니다. 해결 방법 : 대신 jQuery 플러그인을 사용하십시오.