Изображение кнопки ввода - не работает в Chrome и Safari?
В моем 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?
Спасибо
Ответы 2
Почему у вас есть вход в ваш выбор?
Вероятно, он наследует отображение: ни один из них не отображается, что, как я полагаю, было бы правильным поведением.
Возможно, IE, firefox и opera обнаружат недопустимый синтаксис и перезапишут ввод за пределами select, но webkit этого не делает.
Привет, спасибо ... вот в чем проблема! Что касается того, почему у меня это было ... Я хак ... учусь :)
Это незаконная разметка HTML, и она не должна работать.
<li> означает Элемент списка и должен находиться внутри <ol> (упорядоченный список) или <ul> (неупорядоченный список)
<select> может иметь <optgroup> и <option>
<option> может содержать символы, но не может содержать элемент
В этом случае это делается в Chrome и Safaris правильный способ сделать это.
Перед каждой строкой ставьте 4 пробела. В редакторе используйте кнопки с цифрами «101» и «010».