CSS - Закругленный выбор, флажок и радиобутон - PullRequest
3 голосов
/ 11 апреля 2009

Есть ли способ, как сделать округленный HTML <select>, без использования JavaScript? У меня такой безумный дизайн, и я совершенно не представляю, как это сделать только с CSS .

Та же проблема с checkbox и radiobutton. Кто-нибудь знает, как их округлить?

Мне нужно решение, которое работает для IE6 +, Firefox 2+, Opera 9+ ...

альтернативный текст http://uploader.chytry.cz/select-checkbox.png

Ответы [ 4 ]

2 голосов
/ 24 сентября 2012

нет пожалуйста, смотрите этот сайт для радио кнопки и флажок http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/

2 голосов
/ 11 апреля 2009

номер

Теперь длинный ответ: Internet Explorer плохо подходит для стилизации. Вы сможете установить фоновое изображение для левой стороны (текстовое содержимое) с закругленными углами, но стрелка раскрывающегося списка будет исправлена ​​в качестве браузера по умолчанию. Вы также обнаружите, что состояния mousedown и mouseover для элемента управления будут фиксированными в качестве стиля по умолчанию.

Я думаю, что во многих случаях идеальный предпочтительный дизайн должен быть немного прагматичным в отношении ограничений в поддержке стандартов браузера. В частности, проблема в том, что IE6 не поддерживает достаточное количество, а IE7 лишь чуть более совместим.

Извините за плохие новости.

1 голос
/ 11 апреля 2009

Нет. Укладка форм очень проблематична, нет никаких гарантий, что любой стиль будет работать. Простые рамки и цвета фона / изображения обычно работают нормально в большинстве браузеров. Я верю, что Safari позволит вам очень мало стиля. Проверьте эту страницу для получения более подробной информации.

Честно говоря, лучшее решение - использовать javascript. jQuery click menu - отличное решение, которое я недавно использовал для имитации поля выбора (использовалось JS для установки значения в скрытом поле при выборе элемента в меню).

Я уверен, что есть и другие решения, если вы будете искать.

0 голосов
/ 18 ноября 2011

Нет, без javascript или jQuery вы не сможете этого сделать. Но если вам нужно с jQuery, попробуйте эту ссылку. Он содержит окно выбора HTML с закругленными углами по jQuery.

http://webworld -develop.blogspot.com / 2011/11 / прохладного HTML-5-выбор-с JQuery-и-css.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...