Как установить цвет границы для веб-браузеров?

Question

На самом деле этот код,

-webkit-gradient (линейный, левый верхний, левый нижний, от (белый), до (черный));

заполняет цвета для всего элемента управления, как текстовое поле или кнопки.

Но код, который я получил с этого сайта, показан ниже, работает только на границах. Это наполняет мои потребности в мозилле. Если я хочу, чтобы градиенты границы в webkit, что я должен использовать? Pls help me ..

-moz-border-top-colors: # 7dbec5 # e9eceC#eaeceC# f1f2f2 # f2f3f3 # f7f8f8 # f9f9f9 #fafafa; -moz-border-right-colors: # 7dbec5 # e9eceC#eaeceC# f1f2f2 # f2f3f3 # f7f8f8 # f9f9f9 #fafafa; -moz-border-left-colors: # 7dbec5 # e9eceC#eaeceC# f1f2f2 # f2f3f3 # f7f8f8 # f9f9f9 #fafafa; -moz-border-bottom-colors: # 7dbec5 # e9eceC#eaeceC# f1f2f2 # f2f3f3 # f7f8f8 # f9f9f9 #fafafa;

Answer 1

Что я могу видеть здесь: http://help.dottoro.com/lclxpenm.php, Это не похожее свойство для браузеров webkit (вы можете проверить список слева). Но вы можете использовать свойство -webkit-box-shadow для выполнения трюка (http://help.dottoro.com/lceuwxiv.php#-webkit-box-shadow).

Ниже приведен пример кода (работает на WebKit браузерах): http://jsfiddle.net/fvXm7/

Answer 2

Градиенты для пограничных изображений в настоящее время не работает должным образом в WebKit. Как вы заметили, они не остаются привязанными к рамке, они переполняются в поля заполнения и содержимого.