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

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]，因为否则选择性会降低以生效。