element中el-input输入框的clearable清空按钮挡住了文字怎么办

做了个项目,用到了el-input,有用到maxlength和:show-word-limit,然后又用到了clearable,输入的文字被clearable按钮挡住了,请问怎么办

 

您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

试试这个
/deep/.el-textarea textarea{
    padding-bottom: 13px;
}
/deep/.el-textarea .el-input__count{
    height: 12px;
    line-height: 12px;
}

f12查询下元素,然后设置元素padding-right

在el-input写style="padding-right:100px";设置的比原来大点就行了

因为你的el-input长度太小了,文本框的长度设置大一点,长度必须超过你输入的内容,用style="width:宽度;"就可以了,

最好是一行一个文本框,style="width:100%;"这样肯定没有问题。