CSS - 드롭 다운 목록/메뉴가 모든 브라우저에서 동일하도록 변경하십시오.

Question

웹 사이트에 일부 드롭 다운 목록이 있습니다. 현재 어떤 브라우저/OS에 표시되는지에 따라 디스플레이가 변경됩니다.

이

이 어떤 도움이 많이 주시면 감사하겠습니다 (이 맥을 사용하여 표시되는 것이 바람직 방법) 모든 브라우저에서 동일한 보이는 그래서 나는 자신의 표시를 변경할 수있는 방법을 알고 싶습니다

!

이 내 현재 코드

Answer 1

알려줘야, 당신은 이것에 대한 자바 스크립트와 CSS의 비트를 사용할 수 있습니다. .select에

<span class="select"><span>Aston University</span><select><option value="Aston">Aston University</option></select></span> 

설정된 상대 위치와 실제 <select> 그것을 절대 위치하도록 설정하고 top:0;left:0;bottom:0;right:0;를 사용하여 내의 전체 공간을 채우기있다. <select>에 불투명도 0을 설정하면 클릭 한 후에도 옵션이 계속 표시됩니다. 자바 스크립트를 사용하여 <select>에서 현재 값을 가져 와서 해당 값으로 내부 범위를 업데이트하십시오 (또한 변경 이벤트 수신).

바일 라 이제 어떤 스타일로든 .select의 스타일을 지정할 수 있습니다.