項目場景：

提示：這里簡述項目相關背景：

在項目中有時候需要輸入框的type=“number”，這個時候，輸入框的右邊就會出現兩個按鈕，這兩個按鈕可以遞增/遞減，但是這樣輸入框看上去就不太美觀，就需要將其隱藏

---

解決方案：

提示：這里填寫該問題的具體解決方案：

局部

<style scoped> // ===========================================使用::v-deep()// 使用el-input類型type=“number” 時，取消右邊的上下箭頭::v-deep(input::-webkit-outer-spin-button),::v-deep(input::-webkit-inner-spin-button) {-webkit-appearance: none;}::v-deep(input[type="number"]) {-moz-appearance: textfield;}::v-deep(inpit) {border: none}// ===========================================使用/deep//deep/ input::-webkit-outer-spin-button,/deep/ input::-webkit-inner-spin-button {-webkit-appearance: none;}/deep/ input[type="number"] {-moz-appearance: textfield;}/deep/ inpit {border: none}
</style>

全局

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}input[type="number"] {-moz-appearance: textfield;}inpit {border: none}

結果示例圖