聚合物纸图标按钮指定图标的宽度

Question

运用

<paper-icon-button icon='image:photo' fill="true"></paper-icon-button>

我有正确的图标,但不幸的是,它很小(约24px).

我试着指定宽度:

paper-icon-button {
    min-width: 50px;
}

但它不起作用.是否可以指定图标的宽度？

谢谢.

Answer 1

在1.1中,正确的方法是:

.my-button {
  --paper-icon-button: {
    width: 24px;
    height: 24px;
  }
}

Answer 2

由于Polymer 1.x CSS变量提供了一种方便的方法来实现所需的效果.在paper-icon-button包含iron-icon它的情况下,可以设置iron-icon特定的CSS变量:

.my-button {
--iron-icon-height: 24px;
--iron-icon-width: 24px;
}
...
<paper-icon-button icon="menu" class="my-button"/>

实际上,这在1.1中不起作用.现在正确的方法是使用`--paper-icon-button` mixin并在那里设置`width`和`height`(参见下面的答案). (4认同)

Answer 3

score-icon本身是可调整大小的，这是我们使用 SVG 的原因之一（默认情况下；另一个原因是着色的能力）。

但*-icon-button没有提供控制此大小的渠道。

我创建了一些问题票证：