将边框半径应用于纸张复选框？没有混合可用

Question

聚合物1。*

有没有办法将border-radius: 50%应用于paper-checkbox，因为它没有可用的mixin？并且/deep/一直被弃用。

      <paper-checkbox
        name="apples"
        class="checkbox"
        value="1">1</paper-checkbox>

Answer 1

<paper-checkbox>的复选框的ID为"checkbox"，因此您可以使用Automatic node finding语法（this.$.myPaperCheckbox.$.checkbox）强制获取对其的引用，以设置内部复选框的样式＃39;边界半径（checkbox.style.borderRadius）：

attached: function() {
  // <paper-checkbox id="myPaperCheckbox">
  this.$.myPaperCheckbox.$.checkbox.style.borderRadius = '50%';
}

结果：

demo

您也可以考虑切换到<paper-radio-button>，它已使用圆形复选框（但使用不同的/圆形复选标记）。