Type=number of el-input は、最後の調整矢印を削除します。

Type=number of el-input は、最後の調整矢印を削除します。

1. 問題の説明

el-input で tpye =number を使用すると、入力ボックスにデジタル形式の内容を入力できますが、入力ボックスの右側に上下の調整矢印が表示され、機能には影響しませんが、非常に見苦しくなります。

2. 解決策

<el-input type="number"></el-input>

<style lang="scss">
/deep/ input::-webkit-outer-spin-button,
  /deep/ input::-webkit-inner-spin-button {
    
    
    -webkit-appearance: none !important;
  }
  /deep/ input[type="number"] {
    
    
    -moz-appearance: textfield !important;
  }
</style>

上記のコードをスタイルに追加するだけです
現在、Google Chrome ではこの機能を実装できますが、他のブラウザでは実験が行われていません。