<img src="..." />을 HTML 페이지의 <option></option>에 삽입하는 좋은 방법은 무엇입니까?

자바 스크립트 또는 다른 방법을 사용 하시겠습니까? 님의 추천이 있으십니까?<img src="..." />을 HTML 페이지의 <option></option>에 삽입하는 좋은 방법은 무엇입니까?

2009-09-20 MemoryLeak

모든 브라우저에서 작동하는 무언가를 원한다면 순서가 지정되지 않은 목록에서 코드를 작성하고 선택 모양으로 보이도록 스타일을 지정하고 좋은 JavaScript를 추가해야합니다. – epascarello

정렬되지 않은 목록? – MemoryLeak

IMAGE 태그는 OPTION 1 내에있을 수 없습니다 (HTML4.01 및 XHTML1.0 기준). 대신 (옵션 요소의) 배경 이미지로 적용하십시오.

... 
<option style="background-image:url(...) ...">...</option> 
...

또한 일부 브라우저는 선택 및 옵션 요소에서 많은 스타일을 허용하지 않습니다. 예를 들어, Safari는 옵션 요소에서 배경색을 지원하지 않습니다 (: 06 년 :).

Chrome에도 이와 유사한 "문제점"이 있다고 들었습니다.

출처

2009-09-20 03:22:10 kangax

하지만 IE에서는 지원되지 않습니다. – MemoryLeak

CSS를 사용하는 것이 좋습니다. 예 :

<select style="width: 100px;"> 
<option style="background-image: url(/images/a.png);">First option</option> 
<option style="background-image: url(/images/b.png);">Second option</option> 
</select>

출처

2009-09-20 03:24:04 Viliam

'img'대신 fontAwesome을 사용할 수 있습니다. 예를 들어, & # xF046을 사용하면 체크 박스 이미지를 표시 할 수 있습니다. 무엇보다 낫다. 또는 글꼴을 편집하여 간단한 이미지를 표시 할 수 있습니다.

출처

2017-02-10 16:06:43

<img src="..." />을 HTML 페이지의 <option></option>에 삽입하는 좋은 방법은 무엇입니까?

답변

관련 문제