0

我有一个对话框，其中包含一些<paper-input>带有标签的元素，以及一个不是<paper-input>但我也想为其提供外观相同的标签的元素。

我尝试了各种解决方案，但似乎没有一个能给我一个正确放置的相同标签。例如，此代码将标签放置在<div slot="input">元素的顶部：

<paper-input-container>
    <label slot="label">Location</label>
    <div slot="input">
        <img src="https://maps.googleapis.com/maps/api/staticmap?center=[[_position.lat]],[[_position.lng]]&zoom=16&size=200x125&maptype=roadmap&markers=color:red%7label:%7C[[_position.lat]],[[_position.lng]]&key=MY_API_KEY">
        <paper-button on-tap="doStuff"><iron-icon icon="maps:place"></iron-icon> &nbsp; Pick location</paper-button>
    </div>
</paper-input-container>

结果并不完全是我所希望的：

在此处输入图像描述

当我没有礼物时，有没有办法让标签看起来像其他标签（即Name和Description）？Category<paper-input>

4

1 回答 1

0

事实证明很容易修复 - 我只是添加always-float-label到<paper-input-container>并且事情开始按预期工作。

<paper-input-container always-float-label>
    ...
</paper-input-container>

似乎我不需要将其添加到其他输入元素的原因是它们placeholder设置了属性，这会自动使标签“浮动”（即很小并出现在输入上方）。

于 2017-11-27T10:35:30.790 回答