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

本文主要是介绍如何让input标签或者textarea标签宽高随内容自适应，且去掉 textarea右下角的样式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

//spellcheck="false"可以去除红色波浪线<div class="box"><span>{{ item.text }}</span><a-textareav-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;}}
}

这篇关于如何让input标签或者textarea标签宽高随内容自适应，且去掉 textarea右下角的样式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---