如何删除pinterest小部件的面板边框？

Question

任何人都可以帮助我删除Pinterest Board小部件的面板边框！！努力通过使用“ border：无”或“ border：0”将其删除，但没有任何反应！

<a data-pin-do="embedUser" data-pin-board-width="400" data-pin-scale-height="240" data-pin-scale-width="80" href="https://in.pinterest.com/anubhavgkp97/"></a>
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

Answer 1

边界实际上是box-shadow。

您可以使用box-shadow: none将其删除。

Pinterest脚本通过随机类向文档中注入了许多HTML元素，这使得难以将所需元素作为目标。我建议添加一个wrapper元素，以使其更容易。

.widget-wrapper > span {
  box-shadow: none;
}

<div class="widget-wrapper">
  <a data-pin-do="embedUser" data-pin-board-width="400" data-pin-scale-height="240" data-pin-scale-width="80" href="https://in.pinterest.com/anubhavgkp97/"></a>
  <script async defer src="//assets.pinterest.com/js/pinit.js"></script>
</div>