Закругленные углы у полей формы

12
[Удален]
6970

Как можно сверстать такую форму (закругленные углы у полей формы, картинка вместо стандартной стрелки в выпадающем списке)?

Заранее большое спасибо за любой совет.

viКing
На сайте с 20.03.2008
Offline
124
#1

посмотри здесь - http://www.agavegroup.com/?p=35

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#2

только учитывайте если будут отключены картинки то ничего не будет видно, но а так да красяво :)

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
V2D2
На сайте с 02.07.2007
Offline
67
#3

одумайтесь :)

имхо - такие формы смотрятся ужасно

kil
На сайте с 03.04.2006
Offline
84
kil
#4

для полей - background подойдет

насчет списков надо подумать.. может быть, ссылку на пример пришлешь?

NB
На сайте с 14.09.2004
Offline
95
#5

Mozilla (Firefox) умеет делать рамки с закругленными углами (параметр стиля -moz-border-radius).

E.g.


<div style='padding:0.5em; border:1px solid black; -moz-border-radius:20px;'>
Велик был год и страшен год по рождестве Христовом 1918, от начала же
революции второй. Был он обилен летом солнцем, а зимою снегом, и особенно
высоко в небе стояли две звезды: звезда пастушеская&nbsp;&mdash;
вечерняя Венера и красный, дрожащий Марс.
</div>

С остальными броузерами придется извращаться. А надо ли?

Dimid
На сайте с 03.12.2006
Offline
74
#6

хозяин барин, но лучше отказаться от подобных сложностей ☝

сделайте просто закругленные углы в формах, а стрелочки пусть будут квадратными

Ткач
На сайте с 29.04.2007
Offline
95
#7

в select в разных браузерах будет убого смотрется\. сами поля можно бэкграундом, а вот выбор (лучше отказатся от идеи)

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
Swhile
На сайте с 02.05.2007
Offline
58
#8

Сталкивался с подобными вещами неоднократно. Для полей, если говорить о закруглениях, могут возникнуть проблемы с прокруткой поля при заполнении его текстом. Это в случае, если ставить background на поле input. Поэтому такие поля можно разделить на 3 части - две боковых картинки в виде закруглений и сам собственно прямоугольный блок для ввода текста. Либо можно поместить input в div с бэкграундом.

Еще к слову: для закругления блоков можно использовать js под названием NiftyCube

[Удален]
#9

Большое спасибо за советы и мнения.

Swhile:
Либо можно поместить input в div с бэкграундом. Еще к слову: для закругления блоков можно использовать js под названием NiftyCube

Тоже думала сделать через div...

За NiftyCube спасибо, совсем про него забыла, попробую.

К
На сайте с 07.07.2007
Offline
21
#10

Селекты не родные. Эмулируются на javascript — играми с видимостью блоков при наведении или клике.

То есть селект — это просто несколько блоков. Кликаем по стрелке — становится видимым еще один, который находится ниже строки со стрелкой поверх всего, что есть на странице. При клике по какому-то элементу в этом блоке изменяется, например, значение невидимого инпута. Только у картинки, которая будет стрелкой не забудьте альтернативный текст указать :)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий