Можно ли стилизовать выпадающие подсказки при использовании HTML5 <datalist> ?
Посмотреть здесь:http://jsfiddle.net/zemar (Нужно использовать Firefox или Opera, чтобы увидеть)
Когда вы нажимаете наselect
раскрывающийся список стилизован для соответствия, но если вы начнете вводить термин из списка данных в текстовом поле, появившиеся предложения не будут стилизованы и, следовательно, не соответствуют остальной части стиля.
Можно ли стилизовать выпадающий список?
<code>* {margin:0; padding:0; font-family: arial, sans-serif; font-size: 40px; font-weight: bold; color: #444;} body {height:100%; background:#F4F3EF;} .select select, .input input {background: transparent; width: 220px; overflow:hidden; height: 65px; padding-left: 5px; padding-bottom: 5px; -webkit-appearance: none; -moz-appearance:none; appearance:none; border:none; cursor:pointer;} .select select {padding-top: 5px;} .select, .input {float:left; width: 220px; height: 65px; margin-right: 20px; overflow: hidden; background: #ddd; border: 1px solid #ccc;}</code>
<code> <div class="select"> <select id="count"> <option value="1">A</option> <option value="2">A pair of</option> <option value="3">A few</option> <option value="4">Four</option> </select> </div> <div class="input"> <input type="text" id="query" list="ingredients" placeholder="lamb"></input> <datalist id="ingredients"> <option value="lamb"> <option value="beef"> <option value="chicken"> <option value="fish"> <option value="vegetarian"> </datalist> </div></code>