WordPress Astra主题头部按钮默认下划线无法移除问题求助

• 排查样式来源：右键异常按钮选择“检查”，查看text-decoration属性的生效规则。重点对比默认状态和hover状态下的CSS优先级，确认是主题默认样式、自定义CSS还是第三方插件的样式导致冲突。
• 添加自定义CSS修正：根据元素检查得到的按钮类名，编写高优先级CSS覆盖异常样式。示例：

  /* 修正头部按钮下划线：默认无下划线，hover可按需设置 */
  .ast-header-cta-button a {
    text-decoration: none !important;
  }
  .ast-header-cta-button a:hover {
    text-decoration: underline !important; /* 不需要hover下划线就删除此行 */
  }
  

  注意替换.ast-header-cta-button为你实际头部按钮的类名。
• 排查插件冲突：临时禁用所有第三方插件，验证问题是否消失。若恢复正常，逐个启用插件定位冲突源，调整对应插件的样式或更换替代插件。
• 核对Astra主题设置：进入WordPress后台的「外观 > 自定义」，检查「Buttons」面板中默认和hover状态的文字装饰设置；若使用Astra Header Builder，单独检查头部按钮组件的样式配置，确认是否有特殊的继承规则。
• 重置主题设置（需备份）：导出当前Astra主题设置备份后，重置主题默认设置，重新配置样式，排除因设置混乱导致的异常。

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