list - 单选列表在 IE 上水平显示,而它应该是垂直的
问题描述
单选按钮列表垂直而不是水平显示。在 Chrome 和 Firefox 上显示正常。我们正在使用 Angular js 1.7。
HTML 代码:
<div ng-if="feedbackChoices && feedbackChoices.length > 1" id="629934096_not_helpful" class="choiceText f-b-choices-body ng-scope" ng-show="showChoices">
<br>
<div class="responsePrompt ng-scope" translate="">Where did we go wrong?</div>
<br>
<ul class="selectionRadio f-b-choices selectionGroup629934096_feedback_choices">
<!-- ngRepeat: choice in feedbackChoices --><li ng-repeat="choice in feedbackChoices" class="ng-scope">
<div>
<label><input id="948060864" class="f-b-input" name="selectionGroup" ng-click="submitFeedbackChoice(choice)" type="radio">
<label for="948060864" class="f-b-choices-label ng-scope ng-binding" translate="">The instructions did not apply</label>
</label>
</div>
</li><!-- end ngRepeat: choice in feedbackChoices --><li ng-repeat="choice in feedbackChoices" class="ng-scope">
<div>
<label><input id="948060864_2" class="f-b-input" name="selectionGroup" ng-click="submitFeedbackChoice(choice)" type="radio">
<label for="948060864_2" class="f-b-choices-label ng-scope ng-binding" translate="">The instructions were too long/hard to follow</label>
</label>
</div>
</li><!-- end ngRepeat: choice in feedbackChoices --><li ng-repeat="choice in feedbackChoices" class="ng-scope">
<div>
<label><input id="948060864_3" class="f-b-input" name="selectionGroup" ng-click="submitFeedbackChoice(choice)" type="radio">
<label for="948060864_3" class="f-b-choices-label ng-scope ng-binding" translate="">I need you to do this for me</label>
</label>
</div>
</li><!-- end ngRepeat: choice in feedbackChoices -->
</ul>
</div>
解决方案
推荐阅读
- regex - Vim 替代 - 用括号括起来 `\ref{eq:x}`
- javascript - 如果对象的属性包含任何子字符串,则从数组中减少对象
- c - 如何使用 C 在运行时更改串行端口的波特率?
- javascript - 如何使用下拉列表中的值向数据库发送请求?
- c# - 访问克隆选项卡项中的控件
- java - 以分钟、秒、毫秒等形式确定瞬间的精度?
- jquery - jquery table2excel 删除文本并对齐?
- flutter - Flutter - Providers 和 Future 调用,如何共享同一个实例?
- javascript - 如何不清除输入字段中的先前输入。按钮类键盘
- pandas - 使用 to_csv() 时,Pandas Cell 数据被省略号截断