CSS оверлей и активные кнопки - PullRequest
Новая
       44

CSS оверлей и активные кнопки

0 голосов
/ 29 марта 2012

Я создаю мобильное приложение с помощью jquery mobile.Но у меня проблема с контролем сегмента.Как вы можете видеть здесь .

Теперь я хочу добиться того, чтобы при выборе кнопки фон этой кнопки получал другой цвет фона.

Здесь вы можете найти мой HTML 

<div data-role="fieldcontain"> 
                <fieldset data-role="controlgroup" data-type="horizontal" > 
                    <input type="radio" name="radio-view"  data-icon="segment-titlestyle-segonly"  id="segment1" value="choice1" checked="checked" /> 
                  <label for="segment1"  id="controls"><span class="ui-btn-text-controls">Iedereen</span></label> 
                <input type="radio" name="radio-view" data-icon="segment-titlestyle-segonly" id="segment2" value="choice2" /> 
                    <label for="segment2" id="controls"><span class="ui-btn-text-controls">Team</span></label> 
                    <input type="radio" name="radio-view" data-icon="segment-titlestyle-segonly" id="segment3" value="choice3" /> 
                    <label for="segment3" id="controls"><span class="ui-btn-text-controls">Favorieten</span></label>  
                </fieldset>

Как вы можете видеть, я использую для фона управление идентификатором. 

   #controls{
        background-color: #C0C0C0 !important;
        border-color: black !important;
    }

#controls:overlay{
    background-color: #C0C0C0 !important;
}

Но это не работает.Кто-нибудь может мне помочь?

С уважением.

Ответы [ 2 ]

1 голос
/ 29 марта 2012

Вы можете сделать это очень легко с чистым CSS.Напишите так: - 

 #controls{
        background-color: #C0C0C0 ;
        border-color: black ;
    }

   #controls:hover{
    background-color: red;
    display:inline-block;    
    }

input[type='radio']:checked + #controls{
    background:red;
}

Проверьте это http://jsfiddle.net/Fa3rp/3/

0 голосов
/ 29 марта 2012

Самое первое, что вам не следует присваивать один и тот же идентификатор более одного раза использовать классВо-вторых, если вы хотите изменить любой стиль на основе выбора, вам нужно создать класс и переключаться через jquery.Вы используете addClass и removeClass.

...