Tipo=número de el-input elimina la flecha de ajuste al final

Tipo=número de el-input elimina la flecha de ajuste al final

1. Descripción del problema

Cuando el-input usa tpye = número, puede ingresar contenido en formato digital en el cuadro de entrada, pero aparecerán flechas de ajuste hacia arriba y hacia abajo en el lado derecho del cuadro de entrada. Aunque no afecta la función, se ve muy desagradable.

2. Solución

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

Simplemente agregue el código anterior al estilo.
Actualmente, Google Chrome puede implementar la función, pero otros navegadores no han realizado experimentos.

Supongo que te gusta

Origin blog.csdn.net/qq_45093219/article/details/125051926
Recomendado
Clasificación