0

<input type="number"/>ブートストラップ 1.4 を使用しているときに、アップ/ダウン スピナーが要素に表示されないという問題に遭遇しました。スピナーはまだそこにあります。表示されていなくても、クリックして数値を増減できます。

以下のCSS宣言に絞り込めたと思います。http://jsfiddle.net/tKTRx/1/を参照してください。

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

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

4

2 に答える 2

2

これは、Chrome Canary で修正された Webkit のバグです。この問題の詳細については、ブートストラップ 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 に答える