самозагрузки 3 радио кнопки сломала IE

Question

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

Моего радио Кнопка отображение нормального хром, краями, фф, но в старом IE его сломанный - кнопка и метка не близко друг к другу.

Я пытаюсь использовать jsfiddle но радио не отображается, когда я использую IE. PLZ помогите мне.

https://jsfiddle.net/pLvop1ws/2/

Answer 1

Удалить «контроль-метку» класс и Allign
Рабочего кода:

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

Answer 2

Не используйте флажок и кнопку Radio в form-group классе. Здесь я написал это снова. Пожалуйста, используйте это и снова расскажите мне о своей проблеме.

<form method="post" role="form" class="form-horizontal"> 
    <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="form-group"> 
      <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> 

Answer 3

ОК попробуйте этот вариант. Я редактировать его

<form method="post" role="form" class="form-horizontal"> 
    <div class="radio"> 
    <div class="form-inline"> 
     <label> 
     <input type="radio" name="selectDate" id="date" style="margin-right: 0" checked>Date 
     </label> 

     <div class="form-group"> 
     <div class="col-sm-3"> 
      <input type="text" class="form-control" id="startDate"> 
     </div> 
     </div> 
     : 
     <div class="form-group"> 
     <div class="col-sm-3"> 
      <input type="text" class="form-control" id="endDate"> 
     </div> 
     </div> 
    </div> 
    </div> 
</form>