2014-07-11 83 views
0

在我的CSS文件,我有HTML textarea的CSS不允许其他CSS

textarea { 
    vertical-align: top; 
}​ 
table, tr, td, thead, tfoot, colgroup, col, caption { 
    margin: 0px; 
    border-spacing: 0px; 
} 
table { 
    width: 90%; 
    border-collapse:collapse; 
    border: 1px solid #333333; 
} 

但部分正下方的

textarea { 
    vertical-align: top; 
}​ 

总是被忽略,不管顺序。另外,如果我将textarea CSS放在CSS文件的底部,则会被忽略。有人知道如何解决这个问题吗?在添加textarea部分之前,我的CSS正在工作

+0

您是否缺少文件中的任何'}? – Mooseman

+5

给你所有的HTML和CSS代码 – anni

+0

检查浏览器,并查找是否有任何CSS覆盖属性。或使用!重要的。 –

回答

1

您不能将vertical-align添加到您的子元素。你的表格列决定了它的子元素的位置。

CSS:

td.textarea { 
    vertical-align: text-top; 
}​ 
table, tr, td, thead, tfoot, colgroup, col, caption { 
    margin: 0px; 
    border-spacing: 0px; 
} 
table { 
    width: 90%; 
    border-collapse:collapse; 
    border: 1px solid #333333; 
} 

的活生生的例子参见本Codepen例子。