Jump to content
  • 0

Chrome и input


soot
 Share

Question

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

sshot_1.png

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


<div>
<input>
</div>

У div фон задан.

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

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

Edited by soot
Link to comment
Share on other sites

9 answers to this question

Recommended Posts

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

sshot_1.png

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


<div>
<input>
</div>

У div фон задан.

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

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

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

например

background-color: transparent;

Link to comment
Share on other sites

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

например

background-color: transparent;

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

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

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

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

sshot_2.png

Link to comment
Share on other sites

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

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

input:-webkit-autofill {

background-color: black !important;

border: 0px none;

}

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

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

image_4c39ea386198d_small.png

Edited by soot
Link to comment
Share on other sites

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

input:-webkit-autofill {

background-color: black !important;

border: 0px none;

}

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

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

image_4c39ea386198d_small.png

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

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

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

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

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

Link to comment
Share on other sites

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

-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 by soot
Link to comment
Share on other sites

  • 0

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

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

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

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

<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 by papay
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy