1

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

现在我想通过点击<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-inputdiv 和两者中，div 和输入都应用了更多样式，如果需要我可以添加这些样式，请告诉我。

有任何想法吗？

帮助将不胜感激。

4

2 回答 2

3

试试下面的代码：

<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>

测试和工作就像一个魅力:-)

于 2016-12-22T10:58:04.447 回答
0

您的样式不起作用，因为您object最终呈现dom在paper-input. 所以你的选择器是错误的。如果您保留object样式的唯一选择器，它将正常工作。

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

而且我不明白为什么你tap的听众不应该工作。它对我来说工作正常

于 2016-12-22T10:55:58.567 回答