Показать сообщение отдельно
  #1 (permalink)  
Старый 16.04.2012, 13:59
Новичок на форуме
Отправить личное сообщение для xlebus Посмотреть профиль Найти все сообщения от xlebus
 
Регистрация: 16.04.2012
Сообщений: 2

Изменить цвет текста активной radio button
Здравствуйте,
сделал форму для выбора работ с помощью Drupal + Views (AJAX) + Better Exposed Filter (block) + Views hack (Autosubmit), но теперь никак не выходит применить стиль color к тэгу label, для помеченой кнопки. Провожу пример кода блока:

<div class="block block-views" id="block-views--exp-design-tapyba">
  <div class="content">
    <form action="/decor/painting"  accept-charset="UTF-8" method="get" id="views-exposed-form-design"><div>
      <div class="views-exposed-form">
        <div class="views-exposed-widgets clear-block">
          <div class="views-exposed-widget views-widget-filter-term_node_tid_depth">
            <div class="views-widget">
              <div class="form-radios"><div class="bef-select-as-radios">

<div class="form-item" id="edit-term-node-tid-depth-18-wrapper">
  <label class="option" for="edit-term-node-tid-depth-18"><input type="radio" id="edit-term-node-tid-depth-18" name="term_node_tid_depth" value="18"  checked="checked"  class="form-radio" /> Text1</label>
</div>
<div class="form-item" id="edit-term-node-tid-depth-20-wrapper">
  <label class="option" for="edit-term-node-tid-depth-20"><input type="radio" id="edit-term-node-tid-depth-20" name="term_node_tid_depth" value="20"   class="form-radio" /> Text2</label>
</div>
<div class="form-item" id="edit-term-node-tid-depth-21-wrapper">
  <label class="option" for="edit-term-node-tid-depth-21"><input type="radio" id="edit-term-node-tid-depth-21" name="term_node_tid_depth" value="21"   class="form-radio" /> Text3</label>
</div>
<div class="form-item" id="edit-term-node-tid-depth-19-wrapper">
  <label class="option" for="edit-term-node-tid-depth-19"><input type="radio" id="edit-term-node-tid-depth-19" name="term_node_tid_depth" value="19"   class="form-radio" /> Text4</label>
</div>
              </div></div>
			</div>
          </div>
<div class="views-exposed-widget views-submit-button">
  <input type="submit" id="edit-submit-design" value="Apply"  class="form-submit" />
  <input type="hidden" name="vfas" id="edit-vfas" value=""  />
</div>
        </div>
      </div>
    </div></form>
  </div>
</div>


C помощью стилей, никак не получается придать цвет надпиям (label), а изменить шаблон: "<label><input ...></label>" невыходит, так как используются много сторонних модулей, максимум что можно изменить, так это: "<div class='form-item' ...", думаю может прописать JavaScript параметр onClick и обратиться к "DIV#edit-term-node-tid-depth-18-wrapper label", что бы изменить цвет активной кнопки, но я не силён в JavaScript.

Может у вас есть идеи, как это осуществить?

Результат нужен такой:
Ответить с цитированием