只修改当前页面的样式

只修改当前页面的样式
给当前页加个id(类名) ：pageName

#页面
 <div class="app-container order-detail-page" id="pageName">
 ...
  <el-table-column label="最高价" align="center" width="120px">
        <template slot-scope="scope">
           <el-input-number
            :min="0"
            style="width: 100%; text-align: center;"
            size="medium" 
            v-model="scope.row.maxPrice"
            placeholder="请输入内容"
          />
        </template>
      </el-table-column>
 ...     
 </div>

style=“width: 100%; text-align: center;” 输入框在table单元格内居中

<style >
/* el-input-number 加减隐藏 */
.el-input-number .el-input-number__decrease,
.el-input-number .el-input-number__increase{
  display: none;
}
/* 当前页面的 输入框边框隐藏 */
#pageName.el-input__inner{ 
     border: none !important;
     box-shadow: none !important;
     background: transparent !important;
} 
</style>