Изображение кнопки ввода - не работает в Chrome & Safari?

Question

У меня есть следующий код в моем index.html

<li>
<select name="cmbtype" style="display:none" id="cmbtype" onChange="Changetype()">
<option value="0">
<input type="image" src="images/ocean.png" value="Play" onclick="previewplay(); " /> 
</option>
</select> 
</li>

В Firefox, Opera и IE 7 я вижу ocean.png и могу щелкнуть по нему. Когда я это делаю, он соответственно проигрывает mp3, который должен!

Когда я загружаю этот же код в Safari (Windows и Mac), а также в Chrome, файл ocean.png не отображается и кнопка для нажатия отсутствует?

Что я могу добавить или сделать, чтобы этот код / ​​дизайн работал в Safari и Chrome?

Спасибо

Answer 1

Почему у вас есть вход в ваш выбор?

Вероятно, он наследует отображение: ни один из них не получает отрисовку, что, я бы предположил, было бы правильным поведением.

Может быть, IE, firefox и opera находят его недопустимым синтаксисом и переписывают ввод за пределами select, но webkit этого не делает.

Answer 2

Это недопустимая разметка HTML и не должна работать.

• означает элемент списка и должен находиться внутри

В этом случае Chrome и Safaris способ сделать это это правильный способ сделать это .