如何在 Polymer 的 gold-cc-cvc-input 中隐藏 Iron-Icon？

Question

任何人都可以指出正确的方向，将铁图标正确地隐藏在金元素中吗？ (gold-cc-cvc-input)

我尝试了以下方法但没有用：

<gold-cc-cvc-input style="iron-icon: display:none;" card-type="" name="cvc" id="cvcInput" auto-validate required ></gold-cc-cvc-input>

Answer 1

有一个 --gold-cc-cvc-input-icon mixin for the icon，但尚未发布。解决方法是强制设置图标的样式。图标 ID 是 icon 和 amexIcon，所以你可以这样做：

<gold-cc-cvc-input id="cvc"></gold-cc-cvc-input>

// <script>
attached: function() {
  this.$.cvc.$.icon.style.display = 'none';
  this.$.cvc.$.amexIcon.style.display = 'none';
}

codepen

如何在 Polymer 的 gold-cc-cvc-input 中隐藏 Iron-Icon？

How to hide Iron-Icon in gold-cc-cvc-input in Polymer?

html

css

polymer

polymer-1.0