源码是这样的:
<div id="contact">
<div class="form">
<form action="contact.php" method="post" name="contact-us">
<div class="right">
<div class="labeled">
<label for="text">body</label>
</div>
<textarea id="text" name="text" cols="20" rows="5"></textarea>
</div>
</form>
</div>
</div>
这是 textarea 和相关对象的 css block :
div.right {
float: right;
margin: 5px 0;
}
div.labeled {
width: 150px;
float: right;
}
div.right div.form textarea#text, textarea#text {
background: #A2A2A2;
border: 1px solid #811D1D;
height: 50px;
margin-right: 20px;
width: 220px;
color: #FFFFFF;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
}
在 FF 中所有事情都是正确的,但在 IE 中,textarea 没有被样式化并且保持完整。 您也可以在下图中看到差异:
您还可以看到 label 标记在 FF 中的样式为 true,而在 IE 中保持不变! 我该如何解决这些问题?
问候...
最佳答案
并非所有版本的 IE 都支持文本区域样式。
在您的代码中,文本区域位于向右浮动的 div 中。好像你在要求奇怪的行为。最好 float “标记”的 div(或者更确切地说,删除该 div 并在标签本身上做一些技巧)。
关于html - IE 与表单 css 样式不兼容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5293602/