폴리머 변경 잉크 리플 색상

Question

저는 일반적으로 폴리머와 webdev를 처음 접했습니다. 나는 폴리머 튜토리얼을 살펴보고 싶었습니다. 종이 탭에서 잉크 리플 색을 변경하는 것이 었습니다. 문서에서 그 말은

종이 - 탭. 종이 용지 - 그림자 #ink { color : # ff4081; }

하지만이를 넣어해야하는 위치 나도 몰라, 내가 용지 tabs.html 소스와 작동하지 않는 것 중 하나에서 그 라인을 넣어 관련 CSS 파일을보고했습니다. 또한이 줄이있는 index.html에 대해 별도의 .css 파일을 만들었지 만 그 중 하나가 작동하지 않았습니다.

나는 이것이 아마도 아마 쉬운 일이라는 것을 알고 있지만, 나는 그것을 알아 내기 위해 많은 시간을 보냈다. 도와 주셔서 감사합니다.

Answer 1

원하는 경우 스타일을 자신의 CSS 파일에 넣을 수 있습니다. ::shadow 및 /deep/ 셀렉터를 사용하면 요소의 그림자 경계를 관통하여 내부를 스타일링 할 수 있습니다. 예를 들어

:

Here it is on jsbin

내 CSS는 폴리머 요소의 외부에 나타나기 때문에

<style shim-shadowdom> 
    paper-tabs /deep/ #ink { 
    color: red; 
    } 
</style> 

, 나는 지원하지 않는 브라우저에 적용되도록 polyfills을 말할 shim-shadowdom 속성을 포함해야 그림자 DOM.