bootstrap 3单选按钮突破IE [英] bootstrap 3 radio button broke IE

问题描述

 < form method =postrole =formclass =form-horizo​​ntal> 
< div class =form-group> 
< div class =radio> 
< label class =control-label col-sm-2> 
< input type =radioname =selectDateid =datestyle =margin-right：0checked> Date< / label& 
< div class =col-sm-3> 
< input type =textclass =form-controlid =startDate> 
< / div> 
< div style =float：left>：< / div> 
< div class =col-sm-3> 
< input type =textclass =form-controlid =endDate> 
< / div> 
< / div> 
< / div> 
  
 
 
 
 
 
 
 
我的单选按钮显示正常chrome，edge，ff，但在旧的IE中它的破碎的按钮和标签不靠近在一起。
 
 
 
  
 
 
 
我尝试使用jsfiddle，但是当我使用IE时收音机不显示。 
 plz帮助我。
 
 
 
  https： //jsfiddle.net/pLvop1ws/2/  
解决方案
删除control-label类和allign 
 
工作代码：
 < form method =postrole =formclass =水平> 
< div class =form-group> 
< div class =radio> 
< label class =col-sm-2style =padding-left：10％> 
< input type =radioname =selectDateid =datestyle =margin-right：0checked> Date< / label& 
< div class =col-sm-3> 
< input type =textclass =form-controlid =startDate> 
< / div> 
< div style =float：left>：< / div> 
< div class =col-sm-3> 
< input type =textclass =form-controlid =endDate> 
< / div> 
< / div> 
< / div> 
< / form> 
  
 
<form method="post" role="form" class="form-horizontal">
<div class="form-group">
    <div class="radio">
        <label class="control-label col-sm-2">
            <input type="radio" name="selectDate" id="date" style="margin-right: 0" checked>Date</label>
        <div class="col-sm-3">
            <input type="text" class="form-control" id="startDate">
        </div>
        <div style="float:left">:</div>
        <div class="col-sm-3">
            <input type="text" class="form-control" id="endDate">
        </div>
    </div>
</div>


My radio button display normal with chrome, edge, ff, but in old IE its broken - button and label not close together.



I try to use jsfiddle but radio not display when I use IE.
plz help me.

https://jsfiddle.net/pLvop1ws/2/
解决方案
Remove "control-label" class and allign 

Working code:
<form method="post" role="form" class="form-horizontal">
    <div class="form-group">
        <div class="radio">
            <label class="col-sm-2" style="padding-left:10%">
                <input type="radio" name="selectDate" id="date" style="margin-right: 0" checked>Date</label>
            <div class="col-sm-3">
                <input type="text" class="form-control" id="startDate">
            </div>
            <div style="float:left">:</div>
            <div class="col-sm-3">
                <input type="text" class="form-control" id="endDate">
            </div>
        </div>
    </div>
</form>


                        
这篇关于bootstrap 3单选按钮突破IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！