如何修改支付公司现成脚本的按钮尺寸及背景颜色？

直接修改HTML无效是因为按钮是第三方脚本动态生成的，你需要针对脚本生成后的按钮元素进行样式覆盖，以下是两种可行方案：

方案1：用CSS强制覆盖（最简单） #

第三方脚本生成的按钮会带有默认样式，你可以通过高优先级的CSS选择器配合!important强制替换样式：

/* 替换成你的按钮容器ID，也就是脚本里的n变量值 */
#dp-btn-2f334db3-3df2-46c2-93cd-fd2c05079acf .dp-button {
  padding: 14px 28px !important; /* 增大内边距实现按钮放大 */
  background-color: #2563eb !important; /* 替换成你需要的背景色 */
  font-size: 18px !important; /* 可选：调整字体大小配合按钮尺寸 */
  border-radius: 8px !important; /* 可选：添加圆角 */
}

把这段CSS放到你的页面<style>标签或者外部样式文件里即可。

方案2：用JS监听按钮加载后修改样式（应对CSS优先级失效的情况） #

如果CSS的!important还是不生效，可以用MutationObserver监听按钮容器的变化，等按钮生成后直接修改行内样式：

// 目标容器ID和脚本里的n变量一致
const btnContainer = document.getElementById('dp-btn-2f334db3-3df2-46c2-93cd-fd2c05079acf');

// 创建观察者实例
const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    if (mutation.addedNodes.length) {
      const payButton = btnContainer.querySelector('.dp-button');
      if (payButton) {
        // 直接修改行内样式
        payButton.style.padding = '14px 28px';
        payButton.style.backgroundColor = '#2563eb';
        payButton.style.fontSize = '18px';
        observer.disconnect(); // 找到按钮后停止监听，避免重复执行
      }
    }
  });
});

// 开始监听容器的子元素变化
observer.observe(btnContainer, { childList: true });

把这段JS放到你的页面脚本里，确保在DlocalGo脚本加载之后执行（或者放到原脚本的load事件回调末尾）。

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