Question

我正在使用Polymer应用程序。我一直在搞怪。目前，我正试图在我的应用中添加paper item。在运行时，这些元素似乎添加了一个如下所示的HTML元素：

<div id="contentIcon" class="content-icon style-scope paper-icon-item">
</div>

由于某种原因，此元素的宽度始终为56px。在Chrome开发者工具中，我可以看到width:56px。如果我在Chrome开发工具中将其设置为width:0px，则UI会显示我想要的内容。为了做到这一点，我在CSS中添加了以下内容：

.content-icon.paper-icon-item {
  width:0px !important;
}

然而，56px宽度仍然存在。我不明白为什么要删除这个56px的宽度。

谢谢，

Answer 1

为什么使用class属性来定义Web组件？这种语法似乎很奇怪。您能否就此问题提供更具体的描述，因为它似乎并不清楚。 AFAIK，在代码中包含纸质项目组件的正确语法应该是：

<paper-item>
  <paper-item-body two-line>
    <div>Show your status</div>
    <div secondary>Your status is visible to everyone</div>
  </paper-item-body>
  <iron-icon icon="warning"></iron-icon>
</paper-item>

Polymer CSS - 强制宽度为0

1 个答案: