css – 如何解决Firefox和Chrome中不一致的Textarea底部边距?

前端之家收集整理的这篇文章主要介绍了css – 如何解决Firefox和Chrome中不一致的Textarea底部边距?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图消除FF和Chrome似乎给Textareas的额外底部边距。令人惊讶的是IE似乎做到了正确。我想避免使用条件包括但CSS3调整是OK。

示例代码

.red-Box {
    background-color: red;
    overflow: hidden;
}
textarea {
    border: solid 1px #ddd;
    margin: 0px; /* Has no effect */
}
<div class="red-Box">
    <textarea>No Margin Please!</textarea>
</div>

解决方法

默认情况下,我相信Chrome和Firefox会将这些元素设置为display:inline-block ;.在你的样式中设置display:block,你应该设置全部。
原文链接:https://www.f2er.com/css/221411.html

猜你在找的CSS相关文章