el-input-number 一输入完右边加号往左移
时间: 2023-11-03 10:55:48 浏览: 132
数组循环左移
您可以使用 CSS 来实现在输入框后面添加一个加号,并将其向左移动。以下是一种可能的解决方案:
首先,在 el-input-number 的父元素上添加一个相对定位的样式,以便于在其中定位加号。例如,假设父元素的类名为 "input-number-wrapper",则可以添加以下样式:
```css
.input-number-wrapper {
position: relative;
}
```
然后,在 el-input-number 中添加一个 span 元素作为加号的容器,并将其定位到输入框的右边。例如,可以将其添加在输入框后面:
```html
<el-input-number>
<template #append>
<span class="input-number-addon">+</span>
</template>
</el-input-number>
```
接下来,为加号的容器添加样式,使其向左移动。可以使用绝对定位和负的 right 值来实现这一效果:
```css
.input-number-addon {
position: absolute;
right: -20px; /* 根据需要调整加号的位置 */
top: 50%;
transform: translateY(-50%);
}
```
阅读全文