Обучение/Помощь новичкам | Проблема с дизайном
vlddslav
В общем, у меня установлен дизайн на input текстовый, вот css стиль:
.input {
border: 1px solid black;
border-radius: 5px;
background: linear-gradient(to top, #696969,#000000);
height: 35px;
width: 250px;
}
А вот тут я его использую:
<form action='auth.php' method='POST'>
Ник: <br>
<input class="input" name='login'> <br>
Пароль: <br>
<input class="input" name='password' type='password'>
<br>
<input type='submit' value='Отправить'>
</form>
В итоге сразу при загрузке страницы, фон поля ввода стандартный "жёлтый", а когда начинаю что-тописать, тогда только становиться таким как должен быть. В чем проблема?
------
53568_Screenshot_20180131160749.png (40.8 Kb)
Скачиваний: 64
Holter .input {
border: 1px solid black;
border-radius: 5px;
background: linear-gradient(to top, #696969,#000000);
height: 35px;
width: 250px;
}
А вот тут я его использую:
<form action='auth.php' method='POST'>
Ник: <br>
<input class="input" name='login'> <br>
Пароль: <br>
<input class="input" name='password' type='password'>
<br>
<input type='submit' value='Отправить'>
</form>
В итоге сразу при загрузке страницы, фон поля ввода стандартный "жёлтый", а когда начинаю что-тописать, тогда только становиться таким как должен быть. В чем проблема?
Изображение
------
53568_Screenshot_20180131160749.png (40.8 Kb) Скачиваний: 64
Playpix Holter (31.01.2018 в 17:14)
В общем, у меня установлен дизайн на input текстовый, вот css стиль:
.input {
border: 1px solid black;
border-radius: 5px;
background: linear-gradient(to top, #696969,#000000);
height: 35px;
width: 250px;
}
А вот тут я его использую:
<form action='auth.php' method='POST'>
Ник: <br>
<input class="input" name='login'> <br>
Пароль: <br>
<input class="input" name='password' type='password'>
<br>
<input type='submit' value='Отправить'>
</form>
В итоге сразу при загрузке страницы, фон поля ввода стандартный "жёлтый", а когда начинаю что-тописать, тогда только становиться таким как должен быть. В чем проблема?
В общем, у меня установлен дизайн на input текстовый, вот css стиль:
.input {
border: 1px solid black;
border-radius: 5px;
background: linear-gradient(to top, #696969,#000000);
height: 35px;
width: 250px;
}
А вот тут я его использую:
<form action='auth.php' method='POST'>
Ник: <br>
<input class="input" name='login'> <br>
Пароль: <br>
<input class="input" name='password' type='password'>
<br>
<input type='submit' value='Отправить'>
</form>
В итоге сразу при загрузке страницы, фон поля ввода стандартный "жёлтый", а когда начинаю что-тописать, тогда только становиться таким как должен быть. В чем проблема?
Убери автозаполнение формы и будет норм:
<input type="text" autocomplete="off" />
background: linear-gradient(to
top, #696969,#000000);
A НАДО
background: и один лишь чвет;
top, #696969,#000000);
A НАДО
background: и один лишь чвет;
IndiS (31.01.2018 в 17:21)
background: linear-gradient(to
top, #696969,#000000);
A НАДО
background: и один лишь чвет;
background: linear-gradient(to
top, #696969,#000000);
A НАДО
background: и один лишь чвет;
Не важно градиент или сплошной цвет, в некоторых браузерах, например хром, идет автоматическая подсветка форм в которых есть запись жёлтым цветом.
_(Ulty)_ Seen (31.01.2018 в 17:24)
IndiS (31.01.2018 в 17:21)
background: linear-gradient(to
top, #696969,#000000);
A НАДО
background: и один лишь чвет;
Не важно градиент или сплошной цвет, в некоторых браузерах, например хром, идет автоматическая подсветка форм в которых есть запись жёлтым цветом.
IndiS (31.01.2018 в 17:21)
background: linear-gradient(to
top, #696969,#000000);
A НАДО
background: и один лишь чвет;
Не важно градиент или сплошной цвет, в некоторых браузерах, например хром, идет автоматическая подсветка форм в которых есть запись жёлтым цветом.
Он прав 100%
Holter , можно наложить тень на инпут. Читай по этой теме в гугле.
crew_