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,这是我第一次做,我希望它很好。谢谢。