Chrome и input

[soot]

Как сделать так чтобы Chrome отображал input, как и все остальные браузеры.

Все сделано просто.

<div>
<input>
</div>

У div фон задан.

Не могу побороть - желтый цвет.

Заранее благодарен за ответы.

Edited July 11, 2010 by soot

[WalkMan]

Как сделать так чтобы Chrome отображал input, как и все остальные браузеры.

Все сделано просто.

<div>
<input>
</div>

У div фон задан.

Не могу побороть - желтый цвет.

Заранее благодарен за ответы.

убери у инпутов этих стили

например

background-color: transparent;

[soot]

убери у инпутов этих стили

например

background-color: transparent;

А рабочий пример есть ?

Готовое решение, на один input.

background-color - что я ним только не делал.

Вот есть не убиваемый класс, не могу его убить и перебить.

[DjTarik]

так и вы напишите тот же класс через импотант только с другим цветом.

[soot]

так и вы напишите тот же класс через импотант только с другим цветом.

написано вот так.

input:-webkit-autofill {

background-color: black !important;

border: 0px none;

}

Есть рабочий пример ?

Во всех браузерах все нормально кроме Хрома.

Edited July 11, 2010 by soot

[DjTarik]

написано вот так.

input:-webkit-autofill {

background-color: black !important;

border: 0px none;

}

Есть рабочий пример ?

Во всех браузерах все нормально кроме Хрома.

На самом деле никто никогда не загоняется по этому поводу.

-webkit-autofill - это стандартное браузерное автозаполнение форм. Это как :hover или :active. Тут тоже самое input:-webkit-autofill.

Соответственно

input:-webkit-autofill {
	background: #fff !important; 
	border: none !important;
}

должно помочь... По идее)

[soot]

На самом деле никто никогда не загоняется по этому поводу.

-webkit-autofill - это стандартное браузерное автозаполнение форм. Это как :hover или :active. Тут тоже самое input:-webkit-autofill.

Соответственно

input:-webkit-autofill {
	background: #fff !important; 
	border: none !important;
}

должно помочь... По идее)

Да прописывал, я это везде и внутри input через style - не помогает.

Как когда нажимаешь - это :focus я его убил сразу.

А вот желтый фон в области не победить ни как средствами css.

Я сделал так:

<div id="log_input">
<input name="login_name" type="text" id="loginname" tabindex="1" onblur="if(this.value=='') this.value='Ваш логин'" onfocus="if(this.value=='Ваш логин') this.value=''" value="Ваш логин"/>
</div>
<div id="log_input">
<input name="login_password" type="password" id="loginpass" tabindex="2" onblur="if(this.value=='') this.value='И пароль'" onfocus="if(this.value=='И пароль') this.value=''" value="И пароль"/>
</div>

Вроде работает.

Edited July 11, 2010 by soot

[d0ublezer0]

Я уже тут как-то давал ссылку

Может и вам поможет.

[papay]

Я уже тут как-то давал ссылку

Может и вам поможет.

Что то это не помогло.

Что конкретно ты тут сделал? Может часть ксс выложишь?

<div id="log_input">
<input name="login_name" type="text" id="loginname" tabindex="1" onblur="if(this.value=='') this.value='Ваш логин'" onfocus="if(this.value=='Ваш логин') this.value=''" value="Ваш логин"/>
</div>
<div id="log_input">
<input name="login_password" type="password" id="loginpass" tabindex="2" onblur="if(this.value=='') this.value='И пароль'" onfocus="if(this.value=='И пароль') this.value=''" value="И пароль"/>
</div>

Edited July 7, 2011 by papay

[jurassik]

все просто:

input, textarea {

outline: none;

}