如何将Paper-radio-button设置为普通单选按钮的样式?

时间:2017-01-16 09:06:18

标签: html css polymer polymer-1.0

对于纸张输入,有一种替代方法可以使其正常设计。这是铁输入。有没有像单选按钮那样的替代品让它看起来像普通的单选按钮?如果有这么好帮助我..

1 个答案:

答案 0 :(得分:1)

看起来不可能。 <paper-radio-button><div>组成(它不包装本机单选按钮),只提供一组有限的CSS属性来自定义颜色和大小。 CSS属性不允许禁用Material Design。

请考虑使用iron-input的原生单选按钮代替:

<input type="radio" is="iron-input">

&#13;
&#13;
HTMLImports.whenReady(() => {
  Polymer({
    is: 'x-foo'
  });
});
&#13;
<head>
  <base href="https://polygit.org/polymer+1.7.1/components/">
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link rel="import" href="polymer/polymer.html">
  <link rel="import" href="iron-input/iron-input.html">
</head>
<body>
  <x-foo></x-foo>

  <dom-module id="x-foo">
    <template>
      <label>
        <input type="radio" is="iron-input">
        option 1
      </label>
    </template>
  </dom-module>
</body>
&#13;
&#13;
&#13;

codepen