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

Question

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

-webkit-градиент (линейный, слева вверху, слева внизу, от (белого) до (черного));

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

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

-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

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