URL: https://www.opennet.me/cgi-bin/openforum/vsluhboard.cgi
Форум: vsluhforumID8
Нить номер: 2970
[ Назад ]

Исходное сообщение
"Знатокам HTML"

Отправлено r4 , 13-Янв-05 21:49 
Как поменять фон у checkbox ?

Содержание

Сообщения в этом обсуждении
"Знатокам HTML"
Отправлено taienos , 14-Янв-05 08:28 
>Как поменять фон у checkbox ?
<input type="checkbox" name="checkbox" style="background-color:#FFFF00;">


"Знатокам HTML"
Отправлено r4 , 14-Янв-05 09:05 
>>Как поменять фон у checkbox ?
><input type="checkbox" name="checkbox" style="background-color:#FFFF00;">

Меняется не фон а рамка :( Нужно поменять фон, то пространство где появляется галочка


"Знатокам HTML"
Отправлено Akademic , 18-Янв-05 13:52 
>>>Как поменять фон у checkbox ?
>><input type="checkbox" name="checkbox" style="background-color:#FFFF00;">
>
>Меняется не фон а рамка :( Нужно поменять фон, то пространство где
>появляется галочка

А тут интересно - в Опере меняется фон, а в експлорере рамка ;-)
Скорее всего, бажит експлорер, но я так понимаю, что от этого не легче


"Знатокам HTML"
Отправлено Lucky , 18-Янв-05 14:06 
>>>>Как поменять фон у checkbox ?
>>><input type="checkbox" name="checkbox" style="background-color:#FFFF00;">
>>
>>Меняется не фон а рамка :( Нужно поменять фон, то пространство где
>>появляется галочка
>
>А тут интересно - в Опере меняется фон, а в експлорере рамка
>;-)
>Скорее всего, бажит експлорер, но я так понимаю, что от этого не
>легче


В файерфоксе вообще ничего не меняется


"Знатокам HTML"
Отправлено Akademic , 18-Янв-05 14:41 
>>>>>Как поменять фон у checkbox ?
>>>><input type="checkbox" name="checkbox" style="background-color:#FFFF00;">
>>>
>>>Меняется не фон а рамка :( Нужно поменять фон, то пространство где
>>>появляется галочка
>>
>>А тут интересно - в Опере меняется фон, а в експлорере рамка
>>;-)
>>Скорее всего, бажит експлорер, но я так понимаю, что от этого не
>>легче
>
>
>В файерфоксе вообще ничего не меняется

Вот так и узнаёшь - кто ДЕЙСТВИТЕЛЬНО следует стандартам, а кто нет.

Интересно, а как выглядит в мозилле? и в нетшкафе


"Знатокам HTML"
Отправлено Lucky , 18-Янв-05 14:46 
>>>>>>Как поменять фон у checkbox ?
>>>>><input type="checkbox" name="checkbox" style="background-color:#FFFF00;">
>>>>
>>>>Меняется не фон а рамка :( Нужно поменять фон, то пространство где
>>>>появляется галочка
>>>
>>>А тут интересно - в Опере меняется фон, а в експлорере рамка
>>>;-)
>>>Скорее всего, бажит експлорер, но я так понимаю, что от этого не
>>>легче
>>
>>
>>В файерфоксе вообще ничего не меняется
>
>Вот так и узнаёшь - кто ДЕЙСТВИТЕЛЬНО следует стандартам, а кто нет.
>
>
>Интересно, а как выглядит в мозилле? и в нетшкафе


В мозилле так же как и в лисе. нетшкаф никому не интересен.
думаю, вышеприведенное значение неправильно, так как лиса ближе всего к стандартам


"Знатокам HTML"
Отправлено Akademic , 18-Янв-05 15:08 
>В мозилле так же как и в лисе. нетшкаф никому не интересен.
>
>думаю, вышеприведенное значение неправильно, так как лиса ближе всего к стандартам

В 7-ой опере css реализованно корректней всего.
А в лисе эту возможность пока, наверное, не сделали.


"Знатокам HTML"
Отправлено Lucky , 18-Янв-05 15:11 
>>В мозилле так же как и в лисе. нетшкаф никому не интересен.
>>
>>думаю, вышеприведенное значение неправильно, так как лиса ближе всего к стандартам
>
>В 7-ой опере css реализованно корректней всего.
>А в лисе эту возможность пока, наверное, не сделали.


Не будем разжигать религиозных войн ;)


"Знатокам HTML"
Отправлено Akademic , 18-Янв-05 15:20 
>Не будем разжигать религиозных войн ;)

Не будем...

Кстати, пытался
<input type="checkbox" name="checkbox" style="background-image:url(1.bmp)">
В експлорере та же фигня, а в опере и фон и рамка мостятся этим рисунком ;(.


"Знатокам HTML"
Отправлено MeLLowD , 18-Янв-05 18:27 
Все прекрасно можно изменить.

создаем css класс:
input.cbox {      
   background-color: #FAFAD2;
}

прописываем:
<input type="checkbox" class="cbox" name="chk">

Проверено на IE 6.0 и Opera 7.54


"Знатокам HTML"
Отправлено r4 , 19-Янв-05 10:24 
>Все прекрасно можно изменить.
>
>создаем css класс:
>input.cbox {
>   background-color: #FAFAD2;
>}
>
>прописываем:
><input type="checkbox" class="cbox" name="chk">
>
>Проверено на IE 6.0 и Opera 7.54

Не работает :(


"Знатокам HTML"
Отправлено MeLLowD , 19-Янв-05 14:08 
почему-то у меня все замечательно работает

"Знатокам HTML"
Отправлено r4 , 19-Янв-05 14:20 
>почему-то у меня все замечательно работает
Кинь хтмл целиком?

"Знатокам HTML"
Отправлено MeLLowD , 19-Янв-05 14:41 
main.css
--------------------------------------
input.cbox {  
   color: #344F73;
   font-family: Georgia, Verdana, Arial;
   background-color: #FAFAD2;
   border: 1px solid #6A5ACD;
}
--------------------------------------

test.html
--------------------------------------
<html>
<head>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
<input type="checkbox" class="cbox" name="chk">
</body>
</html>
--------------------------------------

P.S
border, color, font-family можно убрать если не нужно.
background-color в IE меняется цвет вокруг самого бокса, в Opera внутри бокса.

P.P.S
если указать color то в Opera изменится и цвет галки.
Кстати попробуй заменить цвета на более яркие (red, green), у меня стоят бледные возможно на некоторых ЖК мониторах будут трудноразличимы.


"Знатокам HTML"
Отправлено r4 , 19-Янв-05 14:45 
>
>P.S
>border, color, font-family можно убрать если не нужно.
>background-color в IE меняется цвет вокруг самого бокса, в Opera внутри бокса.

Епт так в том то и дело. Что нужно в IE фон поменять а не рамку.. Я думал тебе в IE удалось..



"Знатокам HTML"
Отправлено MeLLowD , 19-Янв-05 16:02 
Все претензии к Microsoft :)