更改聚合物元素的大小（复选框）答案

【问题标题】：Change size of polymer-elements (checkbox)更改聚合物元素的大小（复选框）
【发布时间】：2015-04-30 16:49:07
【问题描述】：

我尝试通过更改我的 css 文件中的宽度和高度属性以及使用 transform: scale(2,2) 来更改纸张复选框的大小

缩放使其模糊，宽度和高度只改变可点击区域。

我将如何实现这一目标？

【问题讨论】：

你能添加一些代码吗？
当然，但这没什么花哨的。我包括了 webcomponents 和 paper-elements。代码是：...
所有纸质复选框的代码都可以在这里找到：github.com/Polymer/paper-checkbox

标签： css polymer

【解决方案1】：

我认为您已经找到了正确的解决方案。您无法更改分辨率，因此您无能为力。

对于那些不关心模糊的人，这里是 css：

paper-checkbox
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

【讨论】：

【解决方案2】：

在 polymer 1.0 和 paper-checkbox 1.2 中，它使用这种简单的样式

paper-checkbox {
    --paper-checkbox-size: 30px;
}

当我第一次尝试使用 paper-checkbox bower 时，我安装了 1.0 版。这个版本有问题。所以也许这对你来说也是如此。

【讨论】：