FieldSet CSS样式不适用于Mozilla Firefox

时间:2017-05-07 22:17:49

标签: css

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s;
}

fieldset.scheduler-border:hover {
    box-shadow: 3px 3px 0px transparent;
    transition: 0.5s;
}

legend.scheduler-border {
    width: auto;
    padding: 0px 10px;
    border-bottom: none;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="text-center">
<fieldset class="scheduler-border">
    <legend class="scheduler-border">Contenido de la incidencia</legend>
    <div class="radio radio-inline radio-primary">
         <input type="radio" name="nQueEs" id="idQueEsQueja" value="queja" defaultChecked/>
         <label for="idQueEsQueja">Queja</label>
    </div>
</fieldset>
</div>

我有下一个CSS:

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s;
}

fieldset.scheduler-border:hover {
    box-shadow: 3px 3px 0px transparent;
    transition: 0.5s;
}

legend.scheduler-border {
    width: auto;
    padding: 0px 10px;
    border-bottom: none;
}

我的HTML:

<fieldset class="scheduler-border">
    <legend class="scheduler-border">Contenido de la incidencia</legend>
    /*MY FORM*/
</fieldset>

它在Google Chrome上运行得很完美,但在Mozilla Firefox中却没有。我怎么解决它?谢谢。

编辑:我添加了一个Snnipet,这是我第一次做,我希望它很好。谢谢。

0 个答案:

没有答案