Стиль радио кнопок Symfony - PullRequest
Новая
       3

Стиль радио кнопок Symfony

0 голосов
/ 23 августа 2011

Я пытаюсь стилизовать некоторые переключатели, которые находятся в списке, но когда я объявляю input["type=radio"]{ border-style: none; } в файле CSS, это ничего не делает.Вот код, где переключатели: <?php echo $form['servico_id']; ?>.

servico_id - это список с шестью опциями переключателей из формы new.Вы можете мне помочь?Надеюсь, я хорошо себя объяснил.Спасибо

Форма newSuccess: 

<form action="<?php echo url_for('marcacao/'.($form->getObject()->isNew() ? 'create' : 'update').(!$form->getObject()->isNew() ? '?id='.$form->getObject()->getId() : '')) ?>" method="post" <?php $form->isMultipart() and print 'enctype="multipart/form-data" ' ?>>
<?php if (!$form->getObject()->isNew()): ?>
<input type="hidden" name="sf_method" value="put" />
<?php endif; ?>
    <div id="sub-titulo">Dados Pessoais</div>
        <div class="sombra">Nome
        <?php echo $form['nome']; ?>
        <?php echo $form['id']; ?>
        <?php echo $form['_csrf_token']; ?>
        </div>
        <div class="sombra">E-mail
        <?php echo $form['email']; ?>
        </div>
        <div class="sombra">Contacto
        <?php echo $form['contacto']; ?>
        </div>
<div id="sub-titulo">Prefer&ecirc;ncia Hor&aacute;ria</div>
        <div class="sombra"> Dia<?php echo $form['dia']; ?>&nbsp;&nbsp;  Hora<?php echo $form['hora']; ?></div>
<div id="sub-titulo">Servi&ccedil;os</div>
    <?php echo $form['servico_id']; ?>

<input type="submit" name="submit" value="Marcar >"/>
</form>
</div>

Ответы [ 2 ]

0 голосов
/ 24 августа 2011

Вы можете справиться с этим с помощью symfony следующим образом:

  1. Дайте вашему радиовходу класс css в функции configure () формы symfony 

    $this->widgetSchema["myradio"]->setAttribute("class" => "mySpecialRadio");

  2. Поместите ваш стиль в соответствующий файл CSS 

    /* If you use ul/li rendering of sfWidgetFormChoice */
li.mySpecialRadio {
    color: red;
}

input[type="radio"].mySpecialRadio {
    float: right;
}
0 голосов
/ 23 августа 2011

Похоже, что вы помещаете синтаксис селектора JQuery в ваш файл CSS. Это не правильный. Вместо этого пометьте элементы input type="radio" с помощью класса CSS и стиля, соответствующего этому классу в вашем CSS-файле, или добавьте блок javascript для стилизации элементов с помощью jQuery.

есть. Файл CSS: 

input.radio {
    background-color: blue; //style as you wish
}

есть. HTML: 

<input type="radio" class="radio" /> Yes
<input type="radio" class="radio" /> No

Или альтернативным способом (используя JQuery / Javascript): 

<script type="text/javascript">
    $(function() {
        $("input:radio").css('background-color', 'blue);
    });
</script>
...