如何删除 HTML textarea [duplicate] 后不需要的空间

How to remove unwanted space after HTML textarea [duplicate]

提问人:user2153050 提问时间:10/23/2023 更新时间:10/23/2023 访问量:30

问:

我正在尝试删除文本区域之后存在的一些不需要的间距。 在此示例(在 Chrome 中)中,textarea 后面有一个小空格,输入后没有空格。 在Firefox中,我可以看到两者之后的间距。 它似乎没有链接到边界 css。 我尝试了几个大纲选项。 有人有解决方案吗?

.it{
  min-width: 100%;
  border: none;
  background-color: lightblue;
  outline: none;
}
.it:focus{
  border: none;
  outline: none;
}
<div>
<input class="it"/>
<textarea class="it"/></textarea>
<input class="it"/>
<textarea class="it"></textarea>
</div>

HTML CSS 文本区域

评论

1赞 Temani Afif 10/23/2023
显示:块到文本区域

答:

-1赞 fatm 10/23/2023 #1

我认为您可以为文本区域设置特定的高度,用户可以根据需要扩展它。 删除了一点边距,但不是全部。margin: 0;

.it{
  min-width: 100%;
  border: none;
  background-color: lightblue;
  outline: none;
}
.it:focus{
  border: none;
  outline: none;
}

.specific-height {
  height: 18px;
}
<div>
<input class="it"/>
<textarea class="it"/></textarea>
<input class="it"/>
<textarea class="it specific-height"></textarea>
</div>