css - IE8 中的单选按钮格式(显示不正确)

Question

我在 IE8 中正确布置我的单选按钮(和复选框)时遇到问题。但是 Firefox、Chrome、Opera 都可以正常工作。

这是问题的截图

代码如下:

.row input (line 471) {
  float: left;
  display: inline;
  width: 16px;
  height: 16px;
  margin-top: 0pt;
  margin-right: 5px;
  margin-bottom: 0pt;
  margin-left: 0pt;
}
.row label (line 479) {
  float: none;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}
div.panes label (line 70) {
  font-size: 95%;
  font-weight: bold;
  color: #222222;
  line-height: 150%;
  padding-bottom: 3px;
  display: block;
}

<label for="AdditionalResponses_0__Response" id="AdditionalResponses_0__Response_Label">Single answer</label>
<div class="row " id="AdditionalResponses_0__Response">
  <input id="AdditionalResponses_0__Response_one" name="AdditionalResponses[0].Response" type="radio" value="one" />
  <label for="AdditionalResponses_0__Response_one" id="AdditionalResponses_0__Response_one_Label">one</label>
  <input id="AdditionalResponses_0__Response_two" name="AdditionalResponses[0].Response" type="radio" value="two" />
  <label for="AdditionalResponses_0__Response_two" id="AdditionalResponses_0__Response_two_Label">two</label>
  <input id="AdditionalResponses_0__Response_three" name="AdditionalResponses[0].Response" type="radio" value="three" />
  <label for="AdditionalResponses_0__Response_three" id="AdditionalResponses_0__Response_three_Label">three</label>
  <input id="AdditionalResponses_0__Response_four" name="AdditionalResponses[0].Response" type="radio" value="four" />
  <label for="AdditionalResponses_0__Response_four" id="AdditionalResponses_0__Response_four_Label">four</label>
</div>

抱歉排长队，但这就是我通过源代码获得它的方式..

Answer 1

尝试从 .row 输入中删除高度或 float 。如果可以，也请避免调整行高。