隐藏Pinterest小部件滚动条与阴影：CSS问题求助

• 先定位阴影实际所在元素：按F12打开浏览器开发者工具，用选择器工具点击小部件的阴影区域，查看Elements面板里哪个元素带有box-shadow样式。你的原选择器[class$=_img]可能没命中实际带阴影的元素——比如阴影可能在图片的外层容器（类名带card或item的元素）上。
• 调整选择器：比如找到实际元素的类名是pinterest-widget-item，就改成：

#pinterest-container .pinterest-widget-item {
  box-shadow: none !important;
}

• 备选方案：如果实在无法精准命中，直接把阴影颜色设为透明，视觉上等同于移除：

#pinterest-container [class$=_img],
#pinterest-container .目标元素类名 {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

• 排查优先级：如果元素本身有内嵌style属性写了阴影，CSS的!important可能也压不住，这种情况优先用更精准的CSS选择器（比如结合元素标签+类名）提升优先级，实在不行再用JS移除内嵌样式。

你之前的代码全局作用于html，所以会影响整个页面。要只针对小部件容器#pinterest-container写样式，兼容所有主流浏览器的代码如下：

/* 先确保小部件容器有滚动属性 */
#pinterest-container {
  overflow-y: auto; /* 或 overflow: auto; 根据需求调整 */
  /* IE/Edge 旧版隐藏滚动条 */
  -ms-overflow-style: none;
  /* Firefox 隐藏滚动条 */
  scrollbar-width: none;
}

/* WebKit内核浏览器（Chrome、Safari等）隐藏滚动条 */
#pinterest-container::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
#pinterest-container::-webkit-scrollbar-thumb {
  background: transparent;
}

这样只会隐藏#pinterest-container内部的滚动条，页面其他滚动条不受影响，同时滚动功能正常保留。

内容的提问来源于stack exchange，提问作者boohoo