当收音机列表应该是垂直的时,它会在IE上水平显示

时间:2018-11-30 09:58:39

标签: list internet-explorer radio-button radio-group

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

radio group from IE 11

radio group from Firefox 60.3.0 esr

HTML code snippet for the radio group

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>

0 个答案:

没有答案