Тип ввода = "число" счетчики не отображаются с начальной загрузкой 1.4

Question

Я столкнулся с проблемой, когда вращающиеся вверх / вниз не отображаются в моих <input type="number"/> элементах при использовании начальной загрузки 1.4.Вращающиеся счетчики все еще там: вы можете щелкнуть по ним, чтобы увеличить / уменьшить число, даже если они не видны.

Я думаю, что я сузил его до следующего объявления CSS.См. http://jsfiddle.net/tKTRx/1/.

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

Что делает этот стиль?Есть ли способ, которым я могу обойти это?(Похоже, что это не проблема в более поздних версиях начальной загрузки, но я пока не могу обновить).

Answer 1

Это ошибка веб-набора, которая была исправлена ​​в Chrome Canary.Вы можете прочитать больше об этой проблеме на странице загрузочного github: https://github.com/twitter/bootstrap/issues/630, но способ исправить это, добавив стиль:

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

, а затем, когда у вас есть input / textarea addкласс flat.

Answer 2

Причина этого свойства, если предположить, что вы на самом деле не выполняете никаких 3D-преобразований, заключается в том, чтобы браузер использовал аппаратно-ускоренный рендеринг для CSS-переходов, преобразований и анимаций. Если вы не выполняете никаких 3D-преобразований, то удалить их безопасно, это может повлиять на производительность 2D-преобразований на устройствах iOS.