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

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

html input日期值,input标签设置时间值
研究了两天javascript日期相关的内容,一句话总结:"浏览器可以用上十万年,因为javascript支持的时间范围就是这么长". 通过实验来看,比较好用的是type=&quo ...
默认选中 input元素默认选中设置
input元素默认选中设置单选按钮: 加checked=checked属性复选框加checked=checked属性 select下拉框加selected=selected属性 date日期: ...
解决Web移动端Fixed布局的方案（防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js）
一些细节处理在细节处理上,其实还有很多要注意的,挑几个实际遇到比较大的问题来说一下: 有时候输入框 focus 以后,会出现软键盘遮挡输入框的情况,这时候可以尝试 input 元素的 scrollI ...
HTML input 标签 date 类型设置默认值
HTML input 标签 date 类型设置默认值 <div class="am-u-sm-9"><input id="defaultdate&qu ...
Input标签的type设置为number，去掉上下箭头
Input标签的type设置为number,去掉上下箭头 css代码如下: < style >input::-webkit-outer-spin-button, input::-webki ...
CSS：给 input 中 type=text 设置CSS样式
input[type="text"], input[type="password"] { border: 1px solid #ccc; pad ...
html输入框变得特别高,mvc中input样式怎么设置使输入框高度随着文本的增加而增加...
/*---------------------------------------------------------- 这个是目前实用的css --------------------------- ...
HTML input placeholder的样式设置
placeholder 兼容写法: ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: pink; } ::-moz-place ...
【Linux】Linux input子系统之Input event codes
文章目录前言正文附件参考文章前言在阅读和修改Linux kernel中Touch相关驱动代码时经常可以见到形如INPUT_PROP_DIRECT EV_SYN BTN_TOUCH之类的In ...

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

问题描述

解决方案

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

最新文章

热门文章