CSS3 стиль ввода

Question

Я пытаюсь создать текстовый ввод для моего сайта в стиле OS X. Они очень хороши в браузерах CSS3. Проблема в том, что границы отсутствуют, а фон белый. Поэтому, если браузер не поддерживает box-shadow или -moz-box-shadow или -webkit-box-shadow, вы не сможете сказать, что это текстовый ввод, вы не сможете его увидеть. Мне нужна граница только для браузеров без CSS3 ... Чтобы получить лучшее представление, вот CSS, который я написал: http://jsfiddle.net/wUMDG/ Это возможно?

Я забыл упомянуть, добавление рамки делает ее уродливой ... поэтому я не хочу показывать границу, если это CSS3.

Answer 1

Взгляните на CSS3 Pie:

http://css3pie.com/

В большинстве случаев это поможет вам.

Answer 2

Я предлагаю разместить границу для старых браузеров. только браузеры с поддержкой CSS3 будут читать свойства CSS3. старые браузеры будут игнорировать CSS3.

также с помощью свойства radius вы можете изогнуть границы. вам не нужно использовать тени для изогнутых областей. таким образом, если браузер не поддерживает CSS3, он будет использовать вместо этого квадратные границы.

для получения дополнительной информации, проверьте разделы CSS2 и CSS3:

http://www.quirksmode.org/compatibility.html

UPDATE:

проверить эту скрипку: http://jsfiddle.net/wUMDG/2/

и он не будет работать в виде квадратных границ, если не будет поддержки CSS3. но сине-серая граница останется