CSS <input> + <datalist> как избавиться от смены фона при выборе значения?

[eugen35]

http://jsfiddle.net/yxhzsk4m/1/

Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать?  (:valid, вроде в этом случае не действует....)

 

ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)???    

(В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на 2 px, к счастью с margin такого косяка нет!  http://jsfiddle.net/yxhzsk4m/2/   - понятно, что я могу в зависимости от положения select  в таблице установить ему margin-left и margin-right, но мне бы хотелось такое решение, которое бы работало вне зависимости от положения в таблице)  

[zenw]

input:-webkit-autofill {    box-shadow: 0 0 0 1000px red inset;}

https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete

 

Вообще, это такая особенность (багофича) хрома, и стандартно (через background-color) поменять фон не выйдет, так что только так. Цвет текста при автодополнении тоже принудительно меняется на черный.

[SelenIT]

Цвет, судя по всему, можно переопределить через -webkit-text-fill-color. Но вообще стилизация HTML5-контролов — та еще развлекуха