поведение Input при :hover

[veremey]

Здравствуйте, Уважаемые!
Вопрос следующий есть инпут, при вводе в него  значения, появляется кнопка очистки формы, как сделать так, чтобы избавиться её или спрятать вот код, но картинку вставить в код у меня не получилось

[Aleksandr.L]

Не совсем понял вопрос, если честно. Нужно этот крестик спрятать другой картинкой?

http://jsfiddle.net/5PpFK/4/

[veremey]

Да, можно спрятать(!), но такой картинкой, это сделать не просто, всё-равно торчит.   Может  этот "крестик" можно скрыть? 

 

[veremey]

Да, можно спрятать(!), но такой картинкой, это сделать не просто, всё-равно торчит.   Может  этот "крестик" можно скрыть? 

 

[Aleksandr.L]

Может  этот "крестик" можно скрыть? 

 

<input type="text"> не подходит? 

[Switch74]

а если 

footer__form поставить overflow:hidden;

footer__search увеличить width и поставить float:left;

[veremey]

а если

footer__form поставить overflow:hidden;

footer__search увеличить width и поставить float:left;

Вариант, но тогда теряются закругленные уголки - а это плохо и не подходит, как решение задачи((

 

[Switch74]

закруглить можно на обертке

[rash]

Подозреваю, можно сделать

.footer__search::-webkit-search-cancel-button {    display: none;}

но для не-вебкита сходу не нашел решения. С другой стороны это было бы самым правильным подходом, как мне кажется.

[McLotos]

Вообще-то уже ответили =)))

input type="search" заменить на input type="text" и будет вам счастье. css тут не при чем. это html

[rash]

Вообще-то уже ответили =)))

input type="search" заменить на input type="text" и будет вам счастье. css тут не при чем. это html

Вообще-то нет.

 

Это почти то же самое, что использовать blockquote для того, чтобы в обычном тексте сделать левый отступ. То есть если у нас поле для поиска, то нужно использовать input search. Его ОС сможет нарисовать в соответствии с принятыми в ней соглашениями по интерфейсу. Может со скругленными углами, может еще с какими-то особенностями, отличающимися от системы к системе. Если в поисковом поле мешает кнопка очистки — нужно убрать кнопку очистки из поискового поля. И только если это невозможно — искать другие решения.

 

Можно хоть сделать поле полностью прозрачным а под него положить картинку, тоже будет выглядеть как надо. Поэтому и обратил внимание, что это _правильный_ подход. Если из-за особенностей реализации в некоторых браузерах его применить нельзя — только тогда и стоит искать другие подходы.

[McLotos]

 

Вообще-то уже ответили =)))

input type="search" заменить на input type="text" и будет вам счастье. css тут не при чем. это html

Вообще-то нет.

 

Это почти то же самое, что использовать blockquote для того, чтобы в обычном тексте сделать левый отступ. То есть если у нас поле для поиска, то нужно использовать input search. Его ОС сможет нарисовать в соответствии с принятыми в ней соглашениями по интерфейсу. Может со скругленными углами, может еще с какими-то особенностями, отличающимися от системы к системе. Если в поисковом поле мешает кнопка очистки — нужно убрать кнопку очистки из поискового поля. И только если это невозможно — искать другие решения.

 

Можно хоть сделать поле полностью прозрачным а под него положить картинку, тоже будет выглядеть как надо. Поэтому и обратил внимание, что это _правильный_ подход. Если из-за особенностей реализации в некоторых браузерах его применить нельзя — только тогда и стоит искать другие подходы.

 

угу по такой логике тех кто стилизует ссылки под скругленные кнопки вообще стоит в ад отправить! =))) css-ный ад в котором они целую вечность будут верстать под IE

[veremey]

 

Вообще-то уже ответили =)))

input type="search" заменить на input type="text" и будет вам счастье. css тут не при чем. это html

Вообще-то нет.

 

Это почти то же самое, что использовать blockquote для того, чтобы в обычном тексте сделать левый отступ. То есть если у нас поле для поиска, то нужно использовать input search. Его ОС сможет нарисовать в соответствии с принятыми в ней соглашениями по интерфейсу. Может со скругленными углами, может еще с какими-то особенностями, отличающимися от системы к системе. Если в поисковом поле мешает кнопка очистки — нужно убрать кнопку очистки из поискового поля. И только если это невозможно — искать другие решения.

 

Можно хоть сделать поле полностью прозрачным а под него положить картинку, тоже будет выглядеть как надо. Поэтому и обратил внимание, что это _правильный_ подход. Если из-за особенностей реализации в некоторых браузерах его применить нельзя — только тогда и стоит искать другие подходы.

 

Спасибо Вам.

Уважаемые, тема интересная, ответ на вопрос я услышал. Спасибо! 

[Светлана Г.]

http://www.xiper.net/collect/html-and-css-tricks/verstka-form/design-input-type-search.html

[veremey]

http://www.xiper.net/collect/html-and-css-tricks/verstka-form/design-input-type-search.html

полезно - спасибо!