首页 > 解决方案 > 单选列表在 IE 上水平显示,而它应该是垂直的

问题描述

单选按钮列表垂直而不是水平显示。在 Chrome 和 Firefox 上显示正常。我们正在使用 Angular js 1.7。

来自 IE 11 的广播组

来自 Firefox 60.3.0 esr 的广播组

广播组的 HTML 代码片段

HTML 代码:

<div ng-if="feedbackChoices &amp;&amp; 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>

标签: listinternet-explorerradio-buttonradio-group

解决方案


推荐阅读