html - 使用 CSS 在 iWebKit 中格式化表格不起作用

Question

我正在使用 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
}

我尝试了几种组合(还向 .mytable 添加了 table、tr、th 和/或 td)，但表格似乎从未被格式化。它始终显示为无边框、小字体、无颜色、...

由于本人对CSS了解不多，所以也很快跟着W3SCHOOLS上的CSS介绍学了起来。据我所知，语法是正确的。

我好像遗漏了什么，但找不到。我的语法有问题吗？还是 iWebKit 会阻止您添加自己的 CSS 规则？

Answer 1

要强制刷新，您可以使用此代码:

<link href="your.css?1" rel="stylesheet" type="text/css" />

?1

1 是您的版本，Safari 将检索此 css，因为它类似于 php 请求。

或者您可以在 <style></style> 中添加内联样式标签