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>
Попробуйте 'core-icon [icon =" android "]'. Я считаю, что стиль отличается более высокой специфичностью, чем просто тег. – ebidel
Похоже, что работает, спасибо. Кроме того, я заметил, что настройка цвета фона прошла через значок. Использование! Важно, чтобы свойства ширины и высоты заставляли их работать, поэтому я предполагаю, что размер 24px по умолчанию для значков может сбивать мою ширину и высоту. значения. –