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

Question

是否有一个简单的CSS样式条目,比如说,核心图标按钮的大小减半？

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

  <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]因为否则选择性很低才能生效.