Плагин для стилизации checkbox

[antserg]

Подскажите, есть ли плагин на jQuery, который делает углы переключателей чекбокс круглыми. С этой же задачей для текстовых полей отлично справился плагин jQuery Corners.

Вот как хочет человек, для которого я верстаю страницу:


Вот как получилось округлить углы для текстовых полей. Вот если бы получилось так же с checkbox...

[Skipp]

Делайте картинками и не мучайтесь.
Другого нормального решения нет.

[sysya]

есть поисковики типа гугл... а плагинов таких мало на сегодня для jquery, на чистом javascript есть

вот пример найденого http://www.dfc-e.com/metiers/multime...e/jqtransform/

[kobezzza]

ссылка - чекбоксы
ссылка - селекты
ссылка - селекты с multiple
ссылка - текстареа

[sysya]

мне плагины для форм не нравятся тем что, смена чего либо скриптом занимает какое то время и иногда, даже постоянно, это может наблюдать пользователь... тоеть превращение видно, другое дело если всё загружается одновременно и не мерцает во время загрузки страницы... у меня очень быстрый интернет и на localhost'е страница со скриптом, но мерцание элементов форм появляется при каждом переходе на страницу...

Вам делать выводы... Но может я преувеличиваю проблему, не буду спорить

[kobezzza]

Иногда дизайн требует) А проблему "мерцания" можно вылечить, например через css visible.

[sysya]

и что это css visible?

[kobezzza]

Свойство CSS visibility. При указании параметра hidden объект не видим, но в отличии от display:none занимает своё место в DOM.

Мы можем установить это свойство CSS нашим элементам формы, и тогда пользователи увидят сразу вариант с "дизайном" и при этом не будет никаких "дёрганий" и "мерцаний". А чтобы всё работало у пользователей без JS можно стиль CSS, где ставится visibility подгружать через JS.

[Skipp]

kobezzza, ппц , вы сами то хоть поняли что написали?

[kobezzza]

Вполне. Есть проблема: т.к. элементы форм типа чекбокс и т.д. полноценно и кроссбраузерно не стилизуются всякие "чудо-плаги" их заменяют/перекрывают на псевдоэлементы (т.е. выполненные из блоков и т.д.) и разумеется при рендеренге могут видны "мерцания", т.е. после того, как изначальный элемент формы прогрузился его заменяют и пользователь видит сначала один элемент формы, а затем другой (уже стилизованный). Но если нашему изначальному элементу формы задать свойство visibility: hidden, то при рендеренге страницы он просто не покажется пользователю (но при этом сохранит свою ширину, высоту и позицию, в отличии от display: none), а будет пустое место, которое через некоторое время заполнится конечным элементом формы. Что не понятно?