我试图消除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,你应该设置全部。