Добавить в "Избранное" Вам нужно авторизоваться. Забыли пароль? Регистрация Июнь пт. 23 2017 г. в 0:35
Навигация
Хостинг от наших партнеров
Поиск
Рассылка



Отписаться
Статистика


Статьи

Как средствами CSS изменить цвет фона (background-color) и рамки (border) у элементов radio button или checkbox?

Источник: www.host.ru
Добавлено: 2008-07-19 00:39:03

Средствами только CSS получить универсальное кросс-браузерное решение, наверное, не получится. Однако с помощью Javascript можно получить вообще любой вид radio button или checkbox.

Рассмотрим на примере checkbox'а. Суть приема сводится к тому, что непосредственно checkbox находится в невидимом div'е, а "клики" обрабатываются с помощью картинки (Javascript).

Javascript:

<script language="Javascript"><!--

var checked = new Image();
var unchecked = new Image();

checked.src = 'checked.gif';
unchecked.src = 'unchecked.gif';

function SwitchImage() {
    if (document.getElementById('my_check').checked == true) {
        document.getElementById('my_check').checked = false;
        document['check_image'].src = unchecked.src;
    } else {
        document.getElementById('my_check').checked = true;
        document['check_image'].src = checked.src;
    }
}

--></script>

HTML:

<div style="display: none;">
<input type="checkbox" name="ch" id="my_check" value="1">
</div>
<img src="unchecked.gif" name="check_image" onClick="SwitchImage();">

Понравилась статья? Поделись с друзьями!
Facebook Опубликовать в LiveJournal Tweet This


Оглавление   |  На верх

Оглавление        Вернуться к статье

Тема страницы:

Как средствами CSS изменить цвет фона (background-color) и рамки (border) у элементов radio button или checkbox?: FAQ 2017-06-23 00_35_33 ( vps, vds, домен )

Мы решим Ваши проблемы с выбором хостинга
Вход
Логин:

Пароль:


Запомнить меня
Вам нужно авторизоваться.
Забыли пароль?
Регистрация
На сайте
Гостей: 0
Пользователей: 0


Статьи
FAQ
10 статей
клопы постельные фото: как избавиться в домашних условиях | международные автомобильные перевозки реферат | шумоизоляция в сао, киа
Использование материалов разрешается только при наличии ссылки на источник информации: www.sevhosting.net!
Для интернет-ресурсов наличие прямой активной гиперссылки www.sevhosting.net - обязательно ! © 2006-2015
Работает под управлением WebCodePortalSystem v. 6.2.01