样式单选按钮交响乐

Question

我试图样式一些单选按钮是在一个列表中，但当我在CSS文件中声明input["type=radio"]{ border-style: none; }它不做任何事情。以下是单选按钮所在的代码:<?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>

Answer 1

看起来好像你把JQuery选择器语法在你的css文件。这不是正确的。相反，要么用CSS类标记你的input type="radio"元素，并在你的CSS文件中设置该类的样式，要么添加一个javascript块来使用jQuery设置元素的样式。

ie。CSS文件:

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

ie。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>

Answer 2

您可以像这样使用symfony来处理它:

1. 在symfony form的configure()函数中给你的单选输入一个css类

   $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;
   }