Question

我有一个纸质输入，其中我使用<object>属性通过suffix元素嵌套了SVG。

现在我想通过点击<object>元素来调用函数。

所以这是我的代码：

HTML

<paper-input class="border" label="Deine Email-Adresse" no-label-float>
    <object suffix data="../icons/arrow.svg" type="image/svg+xml" on-tap="_subscribeNewsletter">
        <!--<img src="fallback.jpg" />-->
    </object>
</paper-input>

CSS

.newsletter-input paper-input object {
    height : 60px; 
    width : 100px; 
    position: absolute; 
    right: -10px; 
    margin-top: 3px;
    cursor: pointer;
}

on-tap不会被触发，也不会将光标显示为指针。

输入本身嵌套在.newsletter-input div中，div和输入都有一些应用于它们的样式，如果需要我可以添加它们，只是让我知道。

任何想法？

非常感谢帮助。

Answer 1

请尝试以下代码：

<paper-input class="border" label="Deine Email-Adresse" no-label-float>
    <img suffix src="../icons/arrow.svg" onerror="this.src='fallback.png'" on-tap="_subscribeNewsletter" />
</paper-input>

像魅力一样经过测试和工作： - ）

Answer 2

您的样式无效，因为object最终会在dom paper-input中呈现。所以你的选择器是错误的。如果您将object仅作为样式选择器，那么它将正常运行。

object {
            height : 60px; 
            width : 100px; 
            position: absolute; 
            right: -10px; 
            margin-top: 3px;
            cursor: pointer;
        }

我不明白为什么你tap听众不应该工作。它为我工作正常

聚合物纸张输入后缀无法正常工作

2 个答案: