dart-polymer - 如何更改飞镖的核心图标按钮和纸图标按钮的大小？

Question

是否有一个简单的 css 样式条目可以将 core-icon-button 的大小减半？

我正在用这些替换超棒的字体图标，目前图标的大小比文本大得多，所以我正在寻找一种方法来缩小它。

  <div horizontal layout>
    <core-icon-button icon="add-circle"></core-icon-button>
    <div horizontal layout center>Expand Entries</div>
  </div>

理想情况下，我想缩小图标按钮内的图标并减少填充。

Answer 1

这就是我使用您的代码时的样子。

在包含 <core-icon-button> 的元素中使用此样式

  core-icon-button /deep/ core-icon[role=img] {
    height: 12px;
    width: 12px;
    padding: 1px;
    margin: 1px;
  }

  core-icon-button {
    padding: 0 1px 1px 1px;
    margin: 1px;
  }

图标变得很小。 我必须添加 [role=img]因为否则选择性太低无法生效。