什么's导致我的<选择>框在选中时闪烁

What's causing my <select> box to flicker when selected?

本文关键字：闪烁 gt lt 什么 我的 选择      更新时间：2023-09-26

我使用的是Angular 1.3，Bootstrap 3.3.x CSS（而不是JS）。里面有一个GIF动画。

        <div class="form-group">
            <div class="col-lg-3">
                <label class="control-label">Delivery</label>
            </div>
            <div class="col-lg-9">
                <!-- (Delivery) Field -->
                <select class="form-control"
                        data-ng-options="delivery.value as delivery.name for delivery in options.deliveryOptions"
                        data-ng-model="lineItemSegment.deliveryType"></select>
            </div>
        </div>

GIF动画：http://gph.is/1rIY7dC

    $scope.options = {};
    $scope.options.deliveryOptions = [
        { name: 'Evenly',              value: 'EVENLY'              },
        { name: 'Frontloaded',         value: 'FRONTLOADED'         },
        { name: 'As fast as possible', value: 'AS_FAST_AS_POSSIBLE' }
    ];
    $scope.options.priorityOptions = [
        { name: 'Normal', value: 8  },
        { name: 'High',   value: 6  }
    ];

我也遇到了同样的问题。我在选择框上使用了引导表单控件。闪烁是由-webkit转换和转换属性引起的。通过禁用我的风格修复：

select.form-control {
    -webkit-transition: none;
    transition: none;
}
相关文章：