如何让input标签或者textarea标签宽高随内容自适应，且去掉 textarea右下角的样式

王——小喵

于 2024-01-16 21:16:47 发布

阅读量675

点赞数 11

文章标签：前端 java javascript

本文链接：https://blog.csdn.net/wxiao_xiao_miao/article/details/135635494

版权

//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;
        }
    }
}