Изменение стандартного вида у радиокнопок и чекбоксов форм.

[Алексей Чувелев Greymouse2 356]

Тут заказчикам забожилось - пришлось искать . 

делюсь найденным 

==========================================

Вставляете нижеследующий код в Свойства страницы / Метаданные / html для head
( для тех кто делает сам виджеты, в блок <headHTML></headHTML>).

Для изменения вида радиокнопок.

Цитата

 

 <style>

     input[type="radio"] {
    float: right;
    -webkit-appearance: none;
    border: none;
    width: 25px;
    height: 25px;
    background: url(assets/radio.png) left center no-repeat;    
    background-size: 20px; 
}
input[type="radio"]:checked {
    background: url(assets/radio_checked.png) left center no-repeat;

}

</style>

 

Картинки во вложении для примера. Вы можете использовать свои картинки. Назавите их так же как прописано в коде.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Картинки добавляются через меню  Файл / Добавить файлы для передачи.

Для изменения вида чекбоксов.

Цитата

 

<style>

     input[type="checkbox"] {
    float: right;
    -webkit-appearance: none;
    border: none;
    width: 25px;
    height: 25px;
    background: url(assets/radio.png) left center no-repeat;    
    background-size: 20px; 
}
input[type="checkbox"]:checked {
    background: url(assets/radio_checked.png) left center no-repeat;

}

</style>

 

 

============================================

может кому поможет..

не возражаю если это поместят в уроки.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.