Question

我想隐藏纸质收音机中的圆形按钮，并将其替换为显示带数字的圆圈的自定义div。我尝试了下面的代码，但它隐藏了所有内容

 .numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}

paper-radio-button{
        visibility: hidden; /*  hides circle button but  also hides content inside radio button tag**/
}

 <paper-radio-button checked>
    <div class="numberCircle">2</div>
 </paper-radio-button>

我试过这些代码 Plunker：https://plnkr.co/edit/kzCDugV8O2H5Z0eKMLZS?p=preview

Answer 1

我一直在尝试同样的事情。但是，没有找到任何办法。您可以通过将颜色设置为与背景相同来处理暴露的mixins（--paper-radio-button-unchecked-color和--paper-radio-button-checked-color），但是如果选择的风格将是一种不同的颜色。

用div内容替换纸质单选按钮的圆圈图标

1 个答案: