0

カスタム要素内でポリマー コア アイコンを使用しており、その要素名でスタイルを設定しようとしています。私の例のボタンは青色の背景で表示されますが、コア アイコンが大きく表示されないのはなぜですか (200X200px)? 私は何かを誤解していますか？

<html>
<head>
    <title></title>
    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
    <link rel="import" href="bower_components/polymer/polymer.html">
    <link rel="import" href="bower_components/core-icons/core-icons.html">
    <polymer-element name="test-one" noscript>
        <template>
            <style>
                core-icon {
                    width: 200px;
                    height: 200px;
                }
                button {
                    background-color: blue;
                }
            </style>
            <h1><core-icon icon="android"></core-icon>howdy! </h1>
            <button>I'm a button</button>
        </template>
    </polymer-element>
</head>
<body>
    <test-one>transclude me!</test-one>
</body>
</html>
4

1 に答える 1

0

html /deep/ core-icon スタイルはタグ スタイルによってオーバーライドされないようです。また、icon 属性を使用して core-icon に追加の ID を指定し、それによってスタイルを設定する必要があります。

于 2014-11-17T18:02:05.550 に答える