웹킷 브라우저 용 테두리 색상을 설정하는 방법은 무엇입니까?

Question

실제로이 코드,

-webkit-gradient (직선, 왼쪽 위, 왼쪽 아래, (흰색)에서 (검정));

은 텍스트 상자 또는 버튼과 같은 전체 컨트롤의 색상을 채 웁니다.

하지만이 사이트에서 얻은 코드는 아래의 테두리에만 적용됩니다. 이것은 내 필요를 모질라에서 채 웁니다. 웹 키트에서 테두리에 그라디언트를주고 싶다면 무엇을 사용해야합니까? Pls 도와주세요 ..

-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-box-shadow 속성을 사용할 수 있습니다 (http://help.dottoro.com/lceuwxiv.php#-webkit-box-shadow). 국경 이미지 http://jsfiddle.net/fvXm7/

Answer 2

그라디언트 현재 웹킷에서 제대로 작동하지 않습니다 : 여기에

는 예제 코드 (웹킷 브라우저에서 작동)입니다. 당신이주의하는대로, 그들은 경계 상자에 잘린 상태로 머물러 있지 않고, 패딩과 내용 상자로 넘쳐 흐릅니다.