Плагин для стилизации checkbox
Подскажите, есть ли плагин на jQuery, который делает углы переключателей чекбокс круглыми. С этой же задачей для текстовых полей отлично справился плагин jQuery Corners.
Вот как хочет человек, для которого я верстаю страницу: ![]() Вот как получилось округлить углы для текстовых полей. Вот если бы получилось так же с checkbox... ![]() |
Делайте картинками и не мучайтесь.
Другого нормального решения нет. |
есть поисковики типа гугл... а плагинов таких мало на сегодня для jquery, на чистом javascript есть
вот пример найденого http://www.dfc-e.com/metiers/multime...e/jqtransform/ |
|
мне плагины для форм не нравятся тем что, смена чего либо скриптом занимает какое то время и иногда, даже постоянно, это может наблюдать пользователь... тоеть превращение видно, другое дело если всё загружается одновременно и не мерцает во время загрузки страницы... у меня очень быстрый интернет и на localhost'е страница со скриптом, но мерцание элементов форм появляется при каждом переходе на страницу...
Вам делать выводы... Но может я преувеличиваю проблему, не буду спорить |
Иногда дизайн требует) А проблему "мерцания" можно вылечить, например через css visible.
|
и что это css visible?
|
Свойство CSS visibility. При указании параметра hidden объект не видим, но в отличии от display:none занимает своё место в DOM.
Мы можем установить это свойство CSS нашим элементам формы, и тогда пользователи увидят сразу вариант с "дизайном" и при этом не будет никаких "дёрганий" и "мерцаний". А чтобы всё работало у пользователей без JS можно стиль CSS, где ставится visibility подгружать через JS. |
kobezzza, ппц , вы сами то хоть поняли что написали?
|
Вполне. Есть проблема: т.к. элементы форм типа чекбокс и т.д. полноценно и кроссбраузерно не стилизуются всякие "чудо-плаги" их заменяют/перекрывают на псевдоэлементы (т.е. выполненные из блоков и т.д.) и разумеется при рендеренге могут видны "мерцания", т.е. после того, как изначальный элемент формы прогрузился его заменяют и пользователь видит сначала один элемент формы, а затем другой (уже стилизованный). Но если нашему изначальному элементу формы задать свойство visibility: hidden, то при рендеренге страницы он просто не покажется пользователю (но при этом сохранит свою ширину, высоту и позицию, в отличии от display: none), а будет пустое место, которое через некоторое время заполнится конечным элементом формы. Что не понятно?
|
Часовой пояс GMT +3, время: 05:48. |