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

Question

任何人都可以帮我删除Pinterest Board小部件的板边框!! 通过使用"border:none"或"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元素注入到文档中,从而难以定位所需的元素.我建议添加一个包装元素,以使这更容易.

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