我有包含提交按钮的表:
<table style="border: 0; width: 15%">
<tr style="background-color: transparent">
<td style="border: 0">
<form action="displayevalform" method="post">
<input type="submit" value="Go Back">
</form>
</td>
<td style="border: 0">
<form action="evaluate" method="post">
<input type="submit" value="Done">
</form>
</td>
</tr>
</table>
这可行,但是为了遵循良好实践,我决定删除内联CSS并将其放在<table>
中<div>
:
<style>
.tblreset table {
border: 0;
width: 15%;
}
.tblreset tr {
background-color: transparent;
}
.tblreset td {
border: 0;
}
</style>
<div class="tblreset">
<table>
<tr>
<td>
<form action="displayevalform" method="post">
<input type="submit" value="Go Back">
</form>
</td>
<td>
<form action="evaluate" method="post">
<input type="submit" value="Done">
</form>
</td>
</tr>
</table>
</div>
这不再起作用。我的CSS语法有问题吗?
我找到了。该layout.css
是一个模板,包含样式table
,tr
,th
,td
。我认为它一定与我的tblreset
样式冲突,因此我将它们放在单独的位置即可使用table.css
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句