Javascript 第三方Java脚本表单

我正在运行来自第三方的表单。内容载于： 我的捐赠按钮不知怎么变成了页面顶部的隐藏悬停按钮。有什么建议可以让捐款按钮回到永久显示的表格下吗

<div id="bbox-root">
<script type="text/javascript">
window.bboxInit = function ()
{
   bbox.showForm('ed52b736-7342-4bc3-a24d-8d669eb3d316');
};
(function () {
   var e = document.createElement('script'); e.async = true;
   e.src = 'https://bbox.blackbaudhosting.com/webforms/bbox-min.js';
   document.querySelector('head').appendChild(e);
} ());
</script>
</div>

---

您的页面在此URL中包含一些CSS：

其中一条规则是：

input[type="submit"]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: 1px solid;
    cursor: pointer;
    z-index: 1;
}

不透明度：0使按钮完全透明，它还包含使其显示在顶部的定位规则

这条规则使悬停从另一个CSS文件显示：

.BBFormContainer[data-bbox-part-id="ed52b736-7342-4bc3-a24d-8d669eb3d316"] .BBFormSubmitbutton:hover {
    opacity: .85;
}

调试导致某些样式出现的原因的最佳方法是使用开发人员工具并查看计算出的样式；这将指出元素的有效样式以及应用这些样式的规则所在的位置

要使按钮不透明，必须编辑、删除或替代样式

更新

您可以尝试在CSS中添加类似的内容，以覆盖有问题的样式。很难验证/测试，因为这是CSS，可能会有很多因素影响您的样式：

input.BBFormSubmitbutton[type="submit"] {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    opacity: 1;
    z-index: auto;
}

---

谢谢你，雅各布。是否有代码让我仅在本页上覆盖它？非常感谢！我成功地调整了父样式并修复了该问题！