NetSuite已保存搜索中HTML公式按钮添加button:hover样式求助

问题核心 #

你当前的按钮代码存在两个关键问题：

• 标签嵌套语法错误（a和button标签的闭合、嵌套顺序混乱）
• 内联样式无法直接使用:hover伪类（浏览器不支持内联方式定义伪类样式）

解决方案：用鼠标事件模拟Hover效果 #

由于NetSuite的Formula(HTML)字段限制，无法直接嵌入<style>标签定义伪类样式，我们可以通过onmouseover和onmouseout事件动态修改按钮样式，实现hover交互效果。

修正后的完整代码 #

<a href="XXXX">
  <button type="button" 
          style="background-color: #04AA6D; border-radius: 4px; color: white; border: none; padding: 4px 12px; font-weight: bold; cursor: pointer;"
          onmouseover="this.style.backgroundColor='#038a5a'"
          onmouseout="this.style.backgroundColor='#04AA6D'">
    Reject
  </button>
</a>

关键修改说明 #

• 修正标签结构：确保button完全嵌套在a标签内，所有标签正确闭合
• 添加鼠标交互事件：
  • onmouseover：鼠标悬停时将按钮背景色改为更深的绿色（#038a5a，可根据需求自行调整）
  • onmouseout：鼠标离开时恢复原背景色
• 优化用户感知：新增cursor: pointer样式，让鼠标悬停时显示手型，明确按钮可点击

自定义调整建议 #

如果需要修改hover时的其他样式（比如文字颜色、边框），直接在事件中追加样式即可，示例：

onmouseover="this.style.backgroundColor='#038a5a'; this.style.color='#f0f0f0'"
onmouseout="this.style.backgroundColor='#04AA6D'; this.style.color='white'"

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