选择后,我的<select>框闪烁的原因是什么?

时间:2016-05-01 01:50:14

标签: javascript html css angularjs

我使用的是Angular 1.3,Bootstrap 3.3.x CSS(不是JS)。这里有一个动画GIF。         &lt; div class =&#34; form-group&#34;&gt;             &lt; div class =&#34; col-lg-3&#34;&gt;                 &lt; label class =&#34; control-label&#34;&gt; Delivery&lt; / label&gt;             &LT; / DIV&GT;             &lt; div class =&#34; col-lg-9&#34;&gt;                 &lt;! - (交付)字段 - &gt;                 &lt; select class =&#34; form-control&#34;                         data-ng-options =&#34; delivery.value as delivery.name for options.deliveryOptions&#34;                         数据-NG-模型=&#34; lineItemSegment.deliveryType&#34;&GT;&LT; /选择&GT;             &LT; / DIV&GT;         &LT; / DIV&GT; 动画GIF:http://gph.is/1rIY7dC     $ scope.options = {};     $ scope.options.deliveryOptions = [         {name:&#39; Evenly&#39;,value:&#39; EVENLY&#39; },         {name:&#39; Frontloaded&#39;,value:&#39; FRONTLOADED&#39; },         {name:&#39;尽快&#39;,价值:&#39; AS_FAST_AS_POSSIBLE&#39; }     ]。     $ scope.options.priorityOptions = [         {name:&#39; Normal&#39;,value:8},         {name:&#39; High&#39;,value:6}     ]。

1 个答案:

答案 0 :(得分:8)

我遇到了同样的问题。我在选择框上使用了bootstrap表单控件。闪烁是由-webkit-transition和transition属性引起的。通过禁用我的样式中的那些来修复:

select.form-control {
    -webkit-transition: none;
    transition: none;
}