无CSS/JS权限时如何仅用HTML+Bootstrap实现按钮悬停效果

你当前的权限限制本质是拦截独立代码块（<style>、<script>标签包裹的内容），标签原生行内属性不属于被拦截的代码块范畴，可以直接使用，不需要额外权限。
直接将你原有按钮代码替换为以下代码即可实现悬停翻转效果：

<a class="btn btn-default" 
   style="color:white; background-color: var(--color-electric-vivid); border: 2px solid var(--color-electric-vivid);"
   href="/ev-enquiry.htm" 
   target="_blank"
   onmouseover="this.style.color='var(--color-electric-vivid)';this.style.backgroundColor='white';"
   onmouseout="this.style.color='white';this.style.backgroundColor='var(--color-electric-vivid)';">
Enquire Here
</a>

方案说明 #

• 无独立CSS、JS代码块，所有交互逻辑直接写在<a>标签原生行内事件属性中，不会触发安全拦截
• 新增了和主题色一致的边框，避免颜色切换时按钮尺寸出现跳变
• 交互逻辑完全匹配需求：鼠标移入按钮时自动切换为白底+主题色文字，鼠标移出后自动恢复为原主题色底+白色文字
• 完全复用原有按钮的跳转逻辑、Bootstrap类和主题色变量，不需要修改其他配置

如果编辑器对换行后的行内属性做了规则匹配，可以直接粘贴压缩为单行的版本：

<a class="btn btn-default" style="color:white; background-color: var(--color-electric-vivid); border: 2px solid var(--color-electric-vivid);" href="/ev-enquiry.htm" target="_blank" onmouseover="this.style.color='var(--color-electric-vivid)';this.style.backgroundColor='white';" onmouseout="this.style.color='white';this.style.backgroundColor='var(--color-electric-vivid)';">Enquire Here</a>

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