角度单选按钮在 IE8 中显示不同的外观

Question

使用 angularjs，我在 HTML 网页上放置了一个单选按钮。

<input type="radio" name="sex" checked/>man

单选按钮仅显示为默认的 IE8 单选按钮，但是当我将 HTML 更改为以下内容时：

html:

 <input type="radio" ng-model="sex" id="noLevel1" value="man"/>

js:

 $scope.sex = "man";

页面加载时，单选按钮被选中，但显示如下：

当我再次点击它时，它显示为第一次出现。

这个问题不会出现在 chrome 中。上述两种情况在chrome上的外观是一样的。

我只是想知道如何解决 IE8 的问题？ 任何信息将不胜感激。谢谢。

Answer 1

这个问题与 AngularJS 无关。这是由于一些样式作为边框和背景。当某些输入需要设置样式时，也许您的朋友会触发无线电输入。