Как изменить стиль Radio переключателя?

Mountin

Новичок
Как изменить стиль Radio переключателя?

Нужно изменить стиль оббычного радио переключателя,
что бы он выглядел так:
iit.nau.edu.ua/~mountin/img/radio.gif
Подскажите! Как это можно сделать с пом. css?
:eek:
 

crocodile2u

http://vbolshov.org.ru
Насколько мне известно, нельзя так сделать, однако в последнее время я все больше убеждаюсь в том, что мне известно чрезвычайно мало :)

Посмотри на http://msdn.microsoft.com
 

IBSN

Новичок
поподробнее можно? какое радио, какой переключатель...
 

Mountin

Новичок
Originally posted by IBSN
поподробнее можно? какое радио, какой переключатель...
Можно!
вот переключатели:
<input type=radio name=kiev checked value=1 class="radio">
<b>Киев
<input type=radio name=kiev value=0 class="radio"> Другой город<br>
Нужно сделать так, что бы они были красного цвета!
Вот как здесь
Как это сделать?:confused:
 

DeadMorozBLR

Новичок
можешь создать собственный объект, например radioSet, у корого есть коллекция кнопок radioButton, который представляет из себя элемент IMG. По умолчанию этот элемент имеет вид незакрашенного кружка, и весь сет имеет value undefined или null или какое-то дефолтовое значение. При клике на какую-нить из кнопок она закрашивается, все остальные кнопки принимают неактивное состояние, и значение сета изменяется на значение этой кнопки. всё просто ))
 

CODER

Новичок
Мне кажеться что такого эффекта можно добиться при помощи CSS или Flash . Правда я ещё с такой проблемой не сталкивался, но скоро сталкнусь и тогда скажу ответ.
 

SelenIT

IT-лунатик :)
CODER
Что именно можно - CSS или Flash? Если все-таки CSS, то
1) в каких браузерах?
2) пример - в студию!
 

CODER

Новичок
Вот пример CSS стиля.
<style type="text/css">
<!--
input {
font-family: "Comic Sans MS";
font-style: normal;
font-weight: bolder;
text-transform: capitalize;
text-decoration: underline;
background-color: #99CCFF;
border: ridge #0000FF;
cursor: hand;
height: auto;
width: auto;
margin: auto;
}
-->
</style>
Там же пример и из Flash'a
Конечно эот не такой эффект какой просили, но всё же...
Как это выглядит смотри на
http://www.coderf.h12.ru/123.htm
 

SelenIT

IT-лунатик :)
В Mozilla Firefox CSS-вариант не работает, в Опере 7.54 и Ослике 6 - уж лучше бы (не в обиду, сугубо имхо) он тоже не работал. Это далеко не такой эффект, какой просили.

Flash-решение красиво и кроссбраузерно, спору нет. Но, на мой взгляд, не сравнится с обычной HTML-формой в гибкости.
 

CODER

Новичок
Ну уж это всё зависит напрямую от твоих знаний во Flash
 

crocodile2u

http://vbolshov.org.ru
Испльзовать флэш по-любому будет менее гибким решением. Хотя бы потому, что для него требуется плагин.
 

Krisha

pain in the neck
Самое правильное решение - никак не оформлять эти radio, а оставлять такими, как есть.
 
Сверху