Type=nombre d'entrée el supprime la flèche de réglage à la fin

Type=nombre d'entrée el supprime la flèche de réglage à la fin

1. Description du problème

Lorsque el-input utilise tpye =number, vous pouvez saisir du contenu au format numérique dans la zone de saisie, mais des flèches de réglage haut et bas apparaîtront sur le côté droit de la zone de saisie. Bien que cela n'affecte pas la fonction, cela semble très inesthétique.

2. Solutions

<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>

Ajoutez simplement le code ci-dessus au style.
Actuellement, Google Chrome peut implémenter la fonction, mais d'autres navigateurs n'ont pas fait d'expériences.

Je suppose que tu aimes

Origine blog.csdn.net/qq_45093219/article/details/125051926
conseillé
Classement