Javascript 聚合元素似乎不接受模板中的样式
我在我的自定义元素中使用了一个聚合核心图标,并试图通过它的元素名称来设置它的样式。我的示例中的按钮显示为蓝色背景,为什么核心图标不显示得更大200x200px?我有点误会了Javascript 聚合元素似乎不接受模板中的样式,javascript,web,polymer,paper-elements,Javascript,Web,Polymer,Paper Elements,我在我的自定义元素中使用了一个聚合核心图标,并试图通过它的元素名称来设置它的样式。我的示例中的按钮显示为蓝色背景,为什么核心图标不显示得更大200x200px?我有点误会了 <html> <head> <title></title> <script src="bower_components/webcomponentsjs/webcomponents.js"></script> <link re
<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>
html/deep/core图标样式似乎不会被标记样式覆盖,您需要使用icon属性或为核心图标添加一个附加id,并以此设置样式。试试核心图标[icon=android]。我相信样式比标签更具特异性。看起来很有效,谢谢。此外,我注意到设置背景颜色确实会传递到图标。使用!重要的是,宽度和高度属性迫使它们工作,所以我猜图标的默认24px大小可能会影响我的宽度和高度。价值观