前端 - Chrome下transition遇到<input type="text" />的诡异问题

Question

如图，每次刷新就表现出了动画，而且貌似是从浏览器默认样式过度到我写的样式，比如字体从16到14，a标签的颜色从默认的蓝色过度到黑色。

只要把搜索里面的文本框去掉，就一切正常了。
请教这是什么问题啊！太诡异了，其他浏览器没问题。

<p class="menu clearfix">
    <ul class="top-menu-list fl clearfix">
        <li class="active">
            <a href="###">首页</a>
        </li>
    </ul>
    <p class="top-search-box fr clearfix">
        <!--<input type="text" placeholder="搜索..." class="fl" />-->
        <p class="text fl" contenteditable="true">搜索...</p>
        <button class="fr">OK</button>
    </p>
</p>

.top-menu-list > li > a { transition: all .4s; }

Answer 1

chrome的已知bug，谷歌一直未修复，html 中加入 script 标签可以解决
例如：<script>0</script>

stackoverflow

Answer 2

不太清楚你的代码是怎么样的，不过transition可设置哪些属性需要有变化 http://www.w3cplus.com/content/css3-transition

Answer 3

可以的话，贴代码出来看一下

Answer 4

临时找到了答案：
需要transition的属性，直接写在页面里，这样就避免了Chrome套用默认样式；把all换成具体的属性。

Answer 5

@新しい世界[xlfsummer]
终于找到原因，只知道是有BUG，但有时候莫名其妙的好使，感谢你！
不过我认为这样<script>;</script>比较好吧