Question

我目前仍然坚持使用纸质输入元素。

我解释说，使用Internet Explorer Edge，覆盖了处于禁用状态的纸张输入元素的标签和值。我必须启用纸张输入，编辑，然后标签正在纸张输入的顶部移动。

有人修好了吗？

Answer 1

我通常设置＆＃34; always-float-label＆＃34;在遇到此类问题时，将属性作为解决方法。这样，当值为空时标题也会浮动，但至少没有叠加;）

HTML-Code for quick＆amp;设计影响小的简单方法：

<paper-input always-float-label disabled label="Label"></paper-input>

如果您只想在禁用某个项目时使用此变通方法，则可以将disabled-attribute绑定到与＆＃34; always-float-label＆＃34;相同的属性。：

具有较小设计影响的方法的HTML代码：

<paper-input always-float-label="{{disabled}}" disabled="{{disabled}}" label="Label"></paper-input>

嵌套Polymer-element的属性：

disabled: {type:Boolean, value:true}

如果您想使用更多代码并使其按预期工作，您可以根据值计算always-float-label：

用于方法的HTML代码，没有任何设计影响：

<paper-input always-float-label="{{_alwaysFloat(val)}}" disabled label="Label" value="{{val}}"></paper-input>

Javascript：

Polymer({
             is: "your-element",
             properties: {
                 val:{type:String}
             },
             _alwaysFloat:function(val) {
                 return val=="";
             }
});

聚合物纸元素IE禁用状态

1 个答案: