如何让input标签或者textarea标签宽高随内容自适应,且去掉 textarea右下角的样式
发布时间:2024年01月16日
//spellcheck="false"可以去除红色波浪线
<div class="box">
<span>{{ item.text }}</span>
<a-textarea
v-model:value="item.text"
spellcheck="false"
/>
</div>
.box{
position: relative;
span {
display: inline-block;
width: 100%;
height: 100%;
visibility: hidden;
}
textarea {
padding-left: 0;
padding-right: 0;
color: rgba(255, 255, 255, 1);
display: inline-block;
position: absolute;
width: 100%;
height: 40px;
background: transparent;
border: none;
width: 100%;
left: 0px;
top: 0px;
resize: none;
&:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 20px;
height: 20px;
background-color: #ffffff;
}
}
}
文章来源:https://blog.csdn.net/wxiao_xiao_miao/article/details/135635494
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:chenni525@qq.com进行投诉反馈,一经查实,立即删除!