2014-07-11 84 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例子。