Программисты Html
Anonymous
Можно ли уладить раскрывающиеся предложения при использовании HTML5 ?
Сообщение
Anonymous » 04 авг 2025, 21:19
http://jsfiddle.net/zemar
(используйте Firefox или Opera, чтобы увидеть)
Когда вы нажимаете на Select , раскрывающийся в стиле выпадает, но если вы начнете печатать термин из списка данных в текстовом поле. раскрывающийся?
Код: Выделить всё
* {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>
A
A pair of
Подробнее здесь:
https://stackoverflow.com/questions/100 ... 5-datalist
1754331597
Anonymous
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> A A pair of [/code] Подробнее здесь: [url]https://stackoverflow.com/questions/10062414/is-it-possible-to-style-the-drop-down-suggestions-when-using-html5-datalist[/url]