我正在尝试使用ng-hide隐藏选项中的选项，但我想在选择输入框中显示它是否已预先选择。
除非在用户单击复选框之前选择了该选项，否则每个复选框都会在选择输入中隐藏一个选项。该代码适用于Chrome，但不适用于IE。这似乎是因为IE不支持display：none style。
有没有办法在下拉列表中隐藏选项但仍然在IE 10+的选择输入框中显示？我已经在下面的Chrome中包含了显示所需行为的代码。
<!DOCTYPE html>
<html ng-app>
<head>
<title>select test</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
</head>
<body>
<form id="f1" name="f1" method="get">
<input type="checkbox" name="chk1" value="chk1" ng-model="c1">
<input type="checkbox" name="chk2" value="chk3" ng-model="c2">
<input type="checkbox" name="chk2" value="chk3" ng-model="c3">
<select>
<option value="1" label="one" ng-hide="c1"></option>
<option value="2" label="two" ng-hide="c2"></option>
<option value="3" label="three" ng-hide="c3"></option>
</select>
</form>
</body>
</html>