css - 这些坚不可摧的 HTML 边框从何而来?

标签 css wordpress wordpress-theming

在筹款页面中,我正在 https://cjshayward.com/these-are-a-few-of-my-favorite-things/ 工作, 在帖子的正文中有一个没有任何边框的肖像,但是一旦你进入“最喜欢的东西”的混洗列表,所有产品图像都有一个八像素宽的边框,在设置 DIV 后仍然存在,A和 IMG 标签具有 border: 0 !important; 的 inline 样式 margin :0!重要;填充:0!重要

我还花了一些时间检查页面,但找不到任何可以为图像或直接容器分配边框的东西。 (注意:我认为它更可能是边框而不是带填充的背景:一些图像是部分透明的 PNG,而那些让您通过 PNG 的透明部分看到背景图像。)

该页面是根据 twentysevente 主题修改的 Wordpress 站点的一部分。

我错过了什么?

最佳答案

是box-shadow属性

.entry-content a img, .widget a img {
  -webkit-box-shadow: 0 0 0 8px #fff;
  box-shadow: 0 0 0 8px #fff;
}

从CSS中删除它

它只是伪装成边框 :-)

关于css - 这些坚不可摧的 HTML 边框从何而来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45355176/

相关文章:

html - 使用 flex 的动态 div 高度

html - 在 Twitter bootstrap 3 中定位模态框

html - 如何使用 CSS 定位奇数和偶数 div?

wordpress - Google 将我的网站编入索引 - 标题错误,我该如何解决

php - 如何在 WordPress 上添加 GET 参数的链接,而参数和当前页面之间没有斜杠?

小部件中的 Wordpress 媒体 uploader

css - wordpress 侧边栏突出显示滚动上的事件链接并单击

css - 二级菜单 wordpress 上的样式

html - 如何在 SVG 中有一个文本字段?

php - 简单的php计数器