html - HTML下拉水平对齐在IE10中不起作用

Question

下面的代码在以前版本IE10和所有其他浏览器中都可以正常工作。

<input type="radio"  name="RBLSample" style="display:inherit" value="Test1"  />
<input type="radio"  name="RBLSample" style="display:inherit" value="Test2"  />
<input type="radio"  name="RBLSample" style="display:inherit" value="Test3"  />
<input type="radio"  name="RBLSample" style="display:inherit" value="Test4"  />

INIE10 browser raidion button一一显示，而不是单行显示。

我想在单行中显示所有单选按钮项目。

Answer 1

试试这个，它肯定会在 IE 10 上运行。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type="radio"]{float:left;}
}

Answer 2

你最好试试这个，因为你使用display: inherit了 ，这意味着它将相对于父元素定位。

<input type="radio"  name="RBLSample" style="display:inherit;float:left;width:15px;" value="Test1"  />
<input type="radio"  name="RBLSample" style="display:inherit;float:left;width:15px;" value="Test2"  />
<input type="radio"  name="RBLSample" style="display:inherit;float:left;width:15px;" value="Test3"  />
<input type="radio"  name="RBLSample" style="display:inherit;float:left;width:15px;" value="Test4"  />