如何让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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。