Chrome-CSS宽度转换中的元素抖动

当我在Chrome中使用宽度转换时，我的元素会抖动。我怎样才能解决这个问题

.search-group input {
   width: 85px;
   -webkit-transition: all ease-in-out .15s;
   transition: all ease-in-out .15s;
}
.search-group input:focus {
   width: 150px;
   outline: none;
}

---

（抱歉质量问题）

好的，我想我已经修好了。我补充说：

.window_label{
    -webkit-backface-visibility: hidden;
}

至少在我的机器上，它修复了铬的抽搐。如前所述，我发现这是一个官方错误，在互联网上的许多其他地方也是如此

如注释中所述，此错误影响不透明性改变的元素

编辑：试试这个。我想我修好了。我离开上面的决议，因为它可以为某人服务。不管怎么说，问题出在

显示：表格

它被窃听了，当额外的“}”出现时，它使“.search group”字段无效

我将显示选项表单移到了“.header search”，最终结果如下：

.header-search {
    position: absolute;
    top: 6px;
    right: 10px;
    display: table;
}
.search-group {
    position: relative;
    border-collapse: separate;
    display: table-row;
    float: right;
}

---

对我来说，它解决了问题。试试看，告诉我它是否也为您解决了问题。

您使用什么浏览器？在firefox中看起来不错。@HristoValkanov，chrome35.0.1916.114m@totoro2，嗯，奇怪…@totoro2，-看右边的部分（对不起质量）。我以前有过这种问题，但不透明度转换。我想我通过加入

-moz-

、

-ms

和

-o-

来修复它，这对我来说毫无意义，但在我的实时项目中，我无法理解哪些元素应该具有此CSS属性。在您提供的情况下，它最终是正方形，即表示“结果”的正方形。如果这无济于事，请考虑以下问题：错误发生在具有不透明度改变的元素上。您应该首先以它们为目标。看，JSFIDLE有两个}-.window_标签{-webkit backface visibility:hidden；}。如果我删除其中一个，问题将返回。奇怪。不幸的是，我不能接受你的答案，因为它不起作用。代码笔中的示例-谢谢。我刚刚删除了

display:table

。一切都很好。