输入类型=“数字”微调器没有显示bootstrap 1.4

Question

我遇到了一个问题，在使用bootstrap 1.4时，我的<input type="number"/>元素中没有显示向上/向下微调器。旋转器仍在那里：你可以点击它们来增加/减少数字，即使它们不可见。

我想我已经将其缩小到以下CSS声明。请参阅http://jsfiddle.net/tKTRx/1/。

input, textarea {
  -webkit-transform-style: preserve-3d;
  …
}

这款造型有什么作用？有没有办法可以解决它？ （在以后的bootstrap版本中似乎没有问题，但我还不能升级）。

Answer 1

这是一个已在Chrome Canary中修复的webkit错误。您可以在bootstrap github页面上阅读有关该问题的更多信息：https://github.com/twitter/bootstrap/issues/630但修复它的方法是添加样式：

input.flat, textarea.flat {
  -webkit-transform-style: flat !important;
}

然后当你有输入/ textarea时添加类flat。

Answer 2

假设您实际上没有进行任何3D变换，该属性的原因是让浏览器使用硬件加速渲染来进行CSS过渡，变换和动画。如果您没有进行任何3D变换，那么删除它是安全的，它可能会影响iOS设备上2D变换的性能。