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

Question

谁能帮我去掉 Pinterest 图板小部件的图板边框！！努力使用 "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>

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

How to remove the board border of pinterest widget?

html

javascript

css

pinterest