0

我遇到了一个问题,<input type="number"/>当使用 bootstrap 1.4 时,向上/向下微调器没有显示在我的元素中。微调器仍然存在:您可以单击它们来增加/减少数字,即使它们不可见。

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

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

这个造型有什么作用?有没有办法解决它?(在更高版本的引导程序中这似乎不是问题,但我还不能升级)。

4

2 回答 2

2

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

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

然后当你有一个输入/文本区域时添加类flat

于 2012-03-26T22:27:42.013 回答
1

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

于 2012-03-10T18:21:27.957 回答