Css 按钮的框阴影比按钮本身宽

希望有人能帮助我。我向按钮添加了自定义css，但显示的阴影比按钮本身更宽：

这就是它的样子：

这是css：

.dip-button-dark-bg {
    border-radius: 5px !important;
    box-shadow: 2px 2px 2px #484848 !important;
}

---

有人能告诉我应该补充什么吗？我已经搜索了两个小时的解决方案，现在已经非常绝望了。

请给我们看一下你的

HTML

代码。你也可以包括HTML吗？看起来按钮由多个层组成。尝试将框阴影放置在具有边框的同一元素上。选中此选项。我想你已经在按钮的父项上复制了class

。dip button dark bg

。检查您的

HMTL

以获得必要的更正。感谢您的帮助。按钮可以在找到。我不能很容易地找到按钮的css，因为它是作为Wordpress主题的一部分预先开发的按钮（Artbees的Jupiter）。在cms中，我必须选择一个现有的按钮，并可以对其应用自定义css。我目前正在使用Jupiter/VisualComposer的“flat”按钮。。