在 UniApp 中，<button> 组件是经过原生封装的，不同平台（小程序、H5、App）的默认样式可能不同。要完全去掉默认样式并自定义，可以按照以下方法操作：

方法 1：使用 plain 和 hover-class="none" 清除基础样式

<button plain hover-class="none">无样式按钮</button>

• plain：去掉背景色和边框（小程序和H5有效）。

• hover-class="none"：禁用点击态效果（如背景色变化）。

方法 2：通过 CSS 完全重置样式

在 App.vue 或页面的 <style> 中添加全局样式：

/* 全局清除 button 默认样式 */button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  line-height: 1;
  font-size: inherit;
  color: inherit;
  /* 小程序特有样式清除 */
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-appearance: none;
  /* 禁用点击态效果 */
  &::after {
    display: none;
  }}/* 可选：禁用 hover 效果 */button.hover-class-none,
button[hover-class="none"] {
  background-color: transparent !important;}

方法 3：自定义类 + !important 覆盖

<button class="custom-btn">自定义按钮</button>

.custom-btn {
  /* 清除默认样式 */
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  
  /* 自定义样式 */
  color: #333;
  font-size: 14px;}/* 去掉小程序按钮的::after边框 */.custom-btn::after {
  border: none !important;}

平台差异处理

1. 微信小程序

微信小程序的 button 有额外的 ::after 边框和默认圆角，需特殊处理：

/* 微信小程序专用 */button::after {
  border: none !important;}

2. H5 端

H5 的 button 更接近浏览器原生，直接使用 all: unset 即可：

button {
  all: unset;}

3. App 端

App 端可能需要重置原生渲染样式：

button {
  -webkit-appearance: none;
  appearance: none;}

完整示例：自定义按钮

<template>
  <button class="custom-btn" hover-class="none" @click="handleClick">
    点击我  </button></template><style scoped>.custom-btn {
  /* 清除默认样式 */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  
  /* 自定义样式 */
  display: inline-block;
  padding: 10px 20px;
  background-color: #007aff !important; /* 覆盖背景色 */
  color: white;
  border-radius: 4px;}/* 去掉小程序默认边框 */.custom-btn::after {
  border: none !important;}</style>

注意事项

1. 优先级问题：UniApp 的默认样式优先级较高，必要时使用 !important。

2. 平台测试：务必在目标平台（微信小程序、H5、App）分别测试。

3. 原生组件限制：部分平台（如小程序）的 button 是原生组件，z-index 可能受限，无法覆盖其他组件。

通过以上方法，可以彻底清除 UniApp 中 button 的默认样式并实现完全自定义设计。