入力タイプ= "番号"スピナーがブートストラップで表示されない1.4

Question

ブートストラップ1.4を使用しているときにアップ/ダウンスピナーが<input type="number"/>エレメントに表示されないという問題が発生しました。スピナーはまだ表示されています。表示されていなくても、クリックして数字を増減できます。

私はこれを次のCSS宣言に絞り込んだと思います。 http://jsfiddle.net/tKTRx/1/を参照してください。

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

このスタイリングは何をしますか？私はそれを回避する方法はありますか？ （ブートストラップのそれ以降のバージョンでは問題はないようですが、まだアップグレードできません）。

Answer 1

これはChrome Canaryで修正されたウェブキットのバグです。スタイルを追加するhttps://github.com/twitter/bootstrap/issues/630が、それを修正する方法です：あなたは、ブートストラップgithubのページで問題の詳細を読むことができ

​​

、あなたが持っているとき、入力/ TEXTAREAがクラスflatを追加します。

Answer 2

実際に3D変換を行っていないと仮定すると、そのプロパティは、CSSのトランジション、トランスフォーム、アニメーションのハードウェアアクセラレーションによるレンダリングをブラウザに使用させるためです。 3D変換をしていない場合は削除しても安全ですが、iOSデバイスでの2D変換のパフォーマンスに影響を与える可能性があります。