如何在核心图标按钮内更大的核心图标

Question

https://www.polymer-project.org/components/core-icon-button/demo.html

还有14px填充以使图标更大但我无法弄清楚如何在默认大小的核心图标按钮内实现30x30图标而不是24x24。

当我更改填充和大小时，它不再位于中心。

我最接近的是

core-icon-button::shadow core-icon {
    width: 30px;
    height: 30px;
}

但这会使整个按钮变大，而不仅仅是图标。

Answer 1

您可以与transform：

混在一起

core-icon-button{
    transform: scale(2,2);
}

虽然这会对图像质量产生影响..