我正在使用 iWebKit 设置移动 iPhone 内联网站点。大多数事情都完美无缺,除了我无法使用 CSS 正确格式化我的表格。
我的 HTML(实际上是 ASP,因为 HTML 是使用数据库上的查询创建的)中的内容如下:
<div id="content">
<ul class="pageitem">
<li class="textbox">
<table class="mytable">
<tr>
<th>Type</th>
<th>Value1</th>
<th>Value2</th>
<th>Value3</th>
<th>Value4</th>
</tr>
<tr>
<th>First type</th>
<td>123</td>
<td>456</td>
<td>789</td>
<td class="targetok">159</td>
</tr>
</table>
</li>
</ul>
</div>
我在 iWebKit 的 CSS 文件中添加了以下内容:
.mytable {
border:1px solid black;
border-collapse:collapse;
font-family: Helvetica;
color:#000000;
font-size:20px;
width:100%;
height:35px;
padding:5px;
text-align:center;
-webkit-text-size-adjust:none;
}
.targetok {
background:#80FF80
}
我尝试了几种组合(还将 table、tr、th 和/或 td 添加到 .mytable),但表格似乎从未被格式化。它总是显示无边框,小字体,不着色,......
由于我对 CSS 了解不多,所以我也很快关注了 W3SCHOOLS 上的 CSS 介绍。据我所见,语法是正确的。
我似乎遗漏了一些东西,但找不到它。我的语法有问题吗?还是 iWebKit 会阻止您添加自己的 CSS 规则?