X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Отмена автозаполнения форм Хромом
JamesListener
JamesListener
Topic Starter сообщение 23.3.2012, 15:26; Ответить: JamesListener
Сообщение #1


В общем, столкнулся с такой проблемой. У меня стилизирована формочка авторизации. У нее обнулены бордеры и на фон прицеплена картинка с большими паддингами, т.к. границы нарисованы прямо в картинке.
Когда Хром знает значения этого поля, он не просто вписывает туда предлагаемое, а еще и (скотина такая) меняет в css бэкграунд на желтый цвет. Как помните, бордер убирал я, а размер инпута засчет рисованных прямо в картинке бордеров очень большой. В итоге, выглядит явно не в тему дизайна.:nea:

[attachment=38737:default.PNG][attachment=38736:chrome.PNG]

Как можно отменить это дело со стороны кода страницы? Желательно без яваскрипта.

Пытался найти вебкитовские цсс, мб он их отменять не будет, но нифига. Вебкитовские цсс - супер-пупер-навороченные, такой просто штуки как бэкграунд там нет.:wacko:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesListener
JamesListener
Topic Starter сообщение 23.3.2012, 15:37; Ответить: JamesListener
Сообщение #2


Хотя если есть идеи хотя бы с использованием JavaScript - тоже говорите. Я просто не знаю, как отловить-то событие когда Хром подставляет значение. onChange сработает ли? Эх, все равно костыль получается :-(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Электроник
Электроник
сообщение 23.3.2012, 19:11; Ответить: Электроник
Сообщение #3


(JamesListener @ 23.3.2012, 18:26) *
Как помните, бордер убирал я

странная фраза :) у вас на форуме пару комментов и все в этой теме, ну да ладно

а зачем бордер убирать

если не найдёте способа проще, то вот вам вариант с бордером/и
попытался сделать точно так как на скрине, думаю получилось :)

[attachment=38739:input.jpg]

[CSS].div_b {width:312px; height:35px; border-radius:3px; border:4px solid #f4f7f7; background-color:#e5e8e8;}
.div_bb {width:310px; height:33px; border-radius:3px; border:1px solid #babbbc;}
.div_bbb{width:308px; height:31px; border-radius:2px; border:1px solid #f3f3f3;}
.form_b {width:306px; height:27px; border-radius:2px; border:1px solid #fbfbfb;}[/CSS]
<form method="" action="">
<div class="div_b">
<div class="div_bb">
<div class="div_bbb">
<input type="text" name="nnn" class="form_b">
</div></div></div>
</form>
на счёт отображения border-radius в других браузерах,
-moz-border-radius: 10px; /* для firefox */
-webkit-border-radius: 10px /* для Safari и Chrome */
если будет мало, то это уже ковыряйте сами
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DelphinPRO
DelphinPRO
сообщение 23.3.2012, 20:47; Ответить: DelphinPRO
Сообщение #4


что за дуратская привычка "подавлять" стандартное поведение браузера?
если я, Б**, сохранил пароль, я ХОЧУ, чтобы браузер подсказывал мне об этом!!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesListener
JamesListener
Topic Starter сообщение 26.3.2012, 10:47; Ответить: JamesListener
Сообщение #5


Электроник, мне нужно поддерживать помимо прочих браузеров осла вплоть до IE7, так что кроме как бэкграунд - тут не катит. И, если вы не заметили, вокруг самих рамок имеется слабая светло-голубая окантовка. А дизайнеру позарез надо, чтоб все было как он нарисовал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesListener
JamesListener
Topic Starter сообщение 26.3.2012, 10:50; Ответить: JamesListener
Сообщение #6


DelphinPRO, Во первых, мне важно подавлять не само "запоминание пароля", а то, что он при этом (в отличие от остальных браузеров) меняет стиль инпута.
Во вторых, у меня сайт на Битриксе, и если в поле авторизации поставить галочку - пароль будет запоминаться прямо на стороне серва, думаю что вы не слишком часто ip меняете.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesListener
JamesListener
Topic Starter сообщение 26.3.2012, 10:51; Ответить: JamesListener
Сообщение #7


А, ну и касательно
(Электроник @ 23.3.2012, 22:11) *
странная фраза :) у вас на форуме пару комментов и все в этой теме, ну да ладно

Это я ссылался на текст парой строчек выше:
(JamesListener @ 23.3.2012, 18:26) *
У меня стилизирована формочка авторизации. У нее обнулены бордеры

(JamesListener @ 23.3.2012, 18:26) *
Как помните, бордер убирал я,
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesListener
JamesListener
Topic Starter сообщение 26.3.2012, 11:08; Ответить: JamesListener
Сообщение #8


А, да. На !important хрому тоже накласть.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DelphinPRO
DelphinPRO
сообщение 26.3.2012, 12:11; Ответить: DelphinPRO
Сообщение #9


(JamesListener @ 26.3.2012, 13:50) *
Во первых, мне важно подавлять не само "запоминание пароля", а то, что он при этом (в отличие от остальных браузеров) меняет стиль инпута.

Опера тоже добавляет желтую рамочку
И этот самый стиль намекает пользователю, что поля заполнены автоматически.
Пользователь привык видеть эту рамочку, он ожидает ее увидеть, зачем убирать?
посмотрите на крупные сайты в инете - icq.com, vk.com, google - они не изменяют подобное поведение браузеров.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DelphinPRO
DelphinPRO
сообщение 26.3.2012, 12:13; Ответить: DelphinPRO
Сообщение #10


(JamesListener @ 26.3.2012, 13:47) *
А дизайнеру позарез надо, чтоб все было как он нарисовал.

таких дизайнеров на кол сажать надо. так ему и скажите. Он не для журнала рисует, в вэбе есть свои правила дизайна, и их стоит придеживаться.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) stepFORM – конструктор опросов и форм
0 VOLKODAV 910 10.2.2020, 19:44
автор: VOLKODAV
Открытая тема (нет новых ответов) Нужны люди! Для заполнения онлайн форм.
1 ZaDrotom 1884 9.2.2018, 21:38
автор: ura1205
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыuCalc – конструктор калькуляторов и форм
0 VOLKODAV 1909 29.9.2017, 1:04
автор: VOLKODAV
Открытая тема (нет новых ответов) Ищу знатока MODX и контактных форм (отправка сообщений с сайта)
0 by_roXe 1844 31.5.2017, 14:35
автор: by_roXe
Открытая тема (нет новых ответов) Помощь с вордпресс ( Вёрстка). Правка форм (JavaScript/jQuery)
2 Seo-optimist 1742 2.10.2013, 15:56
автор: Seo-optimist


 



RSS Текстовая версия Сейчас: 20.4.2024, 7:54
Дизайн