Question

我正在尝试设置列表中的一些单选按钮，但是当我在CSS文件中声明input["type=radio"]{ border-style: none; }时它什么也没做。以下是单选按钮所在的代码： <?php echo $form['servico_id']; ?>。

servico_id是一个列表，其中包含六个单选按钮选项。你能帮助我吗？我希望我已经很好地解释了自己。谢谢

表单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文件中设置该类的样式，或者使用jQuery添加javascript块来设置元素的样式。

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

Answer 2

您可以使用symfony来处理它：

在symfony表单configure（）函数
中为您的无线电输入提供一个css类
```
$this->widgetSchema["myradio"]->setAttribute("class" => "mySpecialRadio");
```

将您的样式放在相应的css文件中

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

input[type="radio"].mySpecialRadio {
    float: right;
}

样式单选按钮symfony

2 个答案: