elementui全局去掉输入框所有的空格

Element UI 是基于 Vue.js 的桌面端组件库。如果你想要全局去掉所有 Element UI 输入框（el-input）的空格，可以通过自定义 CSS 类的方式来实现。

首先，你可以创建一个全局的 CSS 类来覆盖 Element UI 默认的样式，例如：

.no-padding-input .el-input__inner {
  padding: 0 !important;
}

然后，在你的 Vue.js 应用程序中的某个地方（比如入口文件），你可以添加这个类到根元素上：

// main.js 或者其他入口文件
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
 
Vue.use(ElementUI);
 
// 添加全局类以影响所有el-input组件
Vue.prototype.$globalClass = 'no-padding-input';
 
new Vue({
  render: h => h(App),
}).$mount('#app');

最后，在你的 App.vue 或其他组件中，你可以这样使用这个全局类：

<template>
  <div :class="$globalClass">
    <!-- 其他组件 -->
    <el-input v-model="inputValue"></el-input>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  }
};
</script>
 
<style>
/* 确保全局类的样式被应用 */
.no-padding-input .el-input__inner {
  padding: 0 !important;
}
</style>

这样，所有的 Element UI 输入框都会应用这个 .no-padding-input 类，从而去掉所有的内部空格。请注意，!important 用于确保覆盖 Element UI 默认的样式。