相关平台

微信小程序

复现仓库地址

https://github.com/Bob0911/taro-plugin-html-issue

小程序基础库: 3.2.5
使用框架: Vue 3

复现步骤

npm install # 安装依赖
npm run build:weapp # 打包
打开dist/app.wxss 查看编译出来的css文件

期望结果

button {
width: 100%;
}
input {
width: 100%;
}

实际结果

.h5-button {
width: 100%;
}
.h5-input {
width: 100%;
}

环境信息

Taro CLI 3.6.18 environment info:
    System:
      OS: Windows 10 10.0.22635
    Binaries:
      Node: 16.18.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.21 - C:\Program Files\nodejs\yarn.CMD
      npm: 8.19.2 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 3.6.18 => 3.6.18
      @tarojs/components: 3.6.18 => 3.6.18
      @tarojs/helper: 3.6.18 => 3.6.18
      @tarojs/plugin-framework-vue3: 3.6.18 => 3.6.18
      @tarojs/plugin-html: ^3.6.21 => 3.6.21
      @tarojs/plugin-platform-alipay: 3.6.18 => 3.6.18
      @tarojs/plugin-platform-h5: 3.6.18 => 3.6.18
      @tarojs/plugin-platform-jd: 3.6.18 => 3.6.18
      @tarojs/plugin-platform-qq: 3.6.18 => 3.6.18
      @tarojs/plugin-platform-swan: 3.6.18 => 3.6.18
      @tarojs/plugin-platform-tt: 3.6.18 => 3.6.18
      @tarojs/plugin-platform-weapp: 3.6.18 => 3.6.18
      @tarojs/runtime: 3.6.18 => 3.6.18
      @tarojs/shared: 3.6.18 => 3.6.18
      @tarojs/taro: 3.6.18 => 3.6.18
      @tarojs/taro-loader: 3.6.18 => 3.6.18
      @tarojs/webpack5-runner: 3.6.18 => 3.6.18
      babel-preset-taro: 3.6.18 => 3.6.18
      eslint-config-taro: 3.6.18 => 3.6.18

补充信息

期望button input textarea等 h5和小程序重名的标签 不要这样处理，元素选择器优先级低于类选择器，和tailwindcss之类的原子类一同工作时会导致tailwindcss的类名因为优先级问题导致不生效