如图,每次刷新就表现出了动画,而且貌似是从浏览器默认样式过度到我写的样式,比如字体从16到14,a标签的颜色从默认的蓝色过度到黑色。
只要把搜索里面的文本框去掉,就一切正常了。
请教这是什么问题啊!太诡异了,其他浏览器没问题。
<div class="menu clearfix">
<ul class="top-menu-list fl clearfix">
<li class="active">
<a href="###">首页</a>
</li>
</ul>
<div class="top-search-box fr clearfix">
<!--<input type="text" placeholder="搜索..." class="fl" />-->
<div class="text fl" contenteditable="true">搜索...</div>
<button class="fr">OK</button>
</div>
</div>
.top-menu-list > li > a { transition: all .4s; }
可以的话,贴代码出来看一下
不太清楚你的代码是怎么样的,不过transition可设置哪些属性需要有变化 http://www.w3cplus.com/content/css3-transition
临时找到了答案:
需要transition的属性,直接写在页面里,这样就避免了Chrome套用默认样式;把all
换成具体的属性。