如何解决修复Pinterest CSS
我正在尝试为pinterest创建自定义按钮。我可以将自定义图片用作按钮,但无法正常工作。
这是我正在使用的CSS。
span[data-pin-log="button_pinit_bookmarklet"] {
}
span[data-pin-log="button_pinit_bookmarklet"]::after {
content: url('../images/icon.png');
}
在ScreenShot中,我用红色标记了我正在使用的按钮。我已经用蓝色标记了要摆脱的区域。
我在这个问题上停留了12多个小时。因此,我们将不胜感激任何帮助。
您可以使用这些代码获取Pinterest按钮
<a data-pin-do="buttonBookmark" href="https://www.pinterest.com/pin/create/button/"></a>
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
解决方法
对于自定义按钮
data-pin-custom="true"
属性很重要,因为它会保留您的自定义标记,包括您的HTML and CSS
。
<a href="https://www.pinterest.com/pin/create/button/"
data-pin-do="buttonBookmark"
data-pin-custom="true">
--YOUR CUSTOM HTML--
</a>
-您的自定义HTML--如下所示
<img src="https://developers.pinterest.com/static/img/badge.svg" width="25" height="25">
<p>Ordinary button</p>
<a data-pin-do="buttonBookmark" href="https://www.pinterest.com/pin/create/button/"></a>
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
<p>Custom button</p>
<a data-pin-do="buttonPin" href="" data-pin-custom="true">
<img src="https://developers.pinterest.com/static/img/badge.svg" width="25" height="25">
</a>
更多信息:访问 https://developers.pinterest.com/docs/widgets/save/?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。