【Antd Design input BUG】a-input 设置 prefix和suffix 造成输入框高度拉长

问题描述

在给antd Design 的a-input 输入框设置prefix 前缀和suffix 后缀的时候发现原本的input 高度错位拉长，检查源代码的时候才发现是：：bebefor 伪类标签 也有高度样式，是的框撑大

 <a-form-item label='税前工资' >
                <a-input prefix="￥" suffix="元/月"  onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" v-model="cintractSubList.salary"  class="formItem"/> 
 </a-form-item>

··

解决方案

将伪类高度进行去除

// 将伪类高度去除
.ant-input-affix-wrapper::before {
    content: none;
    }
``
## 解决效果图
![在这里插入图片描述](https://img-blog.csdnimg.cn/bd776aeb9b7d46068815ad11a390ec68.png)