Красивые поля для ввода

[podlec]

Здравствуйте.

Подскажите, плиз идею для осуществления вот такого поиска:

Поясню - данная полоска находится в верхней части странички, собственна поиск на ней. Вот. Как грамотно сделать такую штуку при помощи CSS (и только css - это важно )))

и еще.. Подскажите, плиз, как сделать список select такого же вида - с закругленными краями и вместо стандартного треугольника-выбора какую нить свою красивую загагулину

Всем заранее спасибо

[Fu-tai]

поле отрисовывается на синем фоне, а поверх него пзиционируется инпут с отмененными бордерами и белым фоном.

Как вариант, вырезается это поле из макета и кладется в инпут бэкграундом с определением правого и левого паддинга на расстояние радиуса закругления.

Впринципе ниче сложного, таких реализаций по инету пруд пруди.

[homm]

input {
  border: 0px;
}

[podlec]

Ок. с отменой бордеров понятно просто фон, как видите - не однородный синий - на нем полоски всякие.... вот тут как бы не вышло... пока мудрю над ним..

И вопрос по select все же актуален

[homm]

Ок. с отменой бордеров понятно просто фон, как видите - не однородный синий - на нем полоски всякие.... вот тут как бы не вышло... пока мудрю над ним..

И вопрос по select все же актуален

Или фон чисто белый, или у меня что-то с глазами.

[podlec]

я говорю не про фон самого инпута, а про фон полоски на которой он лежит...

[podlec]

А вот если подскажите, как сделать select такой же и треугольник выбора в нем перерисовать то будет вапще счастье

[Vlad]

А вот с селектом такое не пройдет, это системный дизайн. Поменять его или правильнее сказать, эмулировать, можно только на JS.

[podlec]

Ясненько.. спасибо за товеты