2014-11-17 3 views
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> 
+0

Попробуйте 'core-icon [icon =" android "]'. Я считаю, что стиль отличается более высокой специфичностью, чем просто тег. – ebidel

+0

Похоже, что работает, спасибо. Кроме того, я заметил, что настройка цвета фона прошла через значок. Использование! Важно, чтобы свойства ширины и высоты заставляли их работать, поэтому я предполагаю, что размер 24px по умолчанию для значков может сбивать мою ширину и высоту. значения. –

ответ

0

Кажется, HTML/глубокий/стиль ядро-значок не получить переопределен стилем тегов, и вам нужно использовать либо атрибут значок дают-иконка сердечника дополнительный идентификатор и стиль его, что ,

 Смежные вопросы

  • Нет связанных вопросов^_^