Радио Кнопки - дизайн фона onclick

Я пытался заставить это работать некоторое время, и это не для меня. Я хочу стилизовать ярлык фона кнопки onclick.Радио Кнопки - дизайн фона onclick

В значительной степени измените фон ярлыка на полную непрозрачность (белый) с левым краем: 13px solid # 000;

У кого-нибудь есть идеи, как это сделать? http://www.testmethanks.com/test/index.html

источник

2015-01-14 TedSquee

Здесь вы идете: http://jsfiddle.net/peSJG/42/

.radiostyle { 
    background-color: #999; 
} 
input[type=radio]:checked+label { 
    background-color: white; 
    border-left: 13px solid #000; 
} 


<input type="radio" name="1" value="100" id="a1"> 
<label for="a1" class="radiostyle">Click to make label BG whie, and add a 13px left side border</label>

Нет JS, все CSS.

источник

2015-01-14 22:05:03 Sanova

Привет, Санова, Отлично. Есть ли способ иметь именно то, что вы закодировали, а также иметь переключатели, как я их стилизовал. Моя проблема заключается в том, что я могу изменить либо фон, либо переключатель, но не оба. – TedSquee

Можете ли вы предоставить стили, применяемые к переключателям. Я запишу его в мой jsfiddle – Sanova

Извините, просто глядя, как вставить код в этом форуме, я не использовал его раньше. У меня есть немного javascript, чтобы исправить мою проблему, но было бы интересно увидеть, как вы ее решаете. – TedSquee

Радио Кнопки - дизайн фона onclick

ответ

Смежные вопросы