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

时间:2012-02-03 09:16:48

标签: html css iwebkit

我正在使用iWebKit建立移动iPhone Intranet网站。大多数事情都很完美,除了我无法使用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
}

我已经尝试了几种组合(也将表格,tr,th和/或td添加到.mytable),但表格似乎从未被格式化。它总是显示没有边框,小字体,没有颜色,......

由于我对CSS不太了解,我也很快跟进了W3SCHOOLS上的CSS介绍。据我所知,语法是正确的。

我似乎错过了一些东西,却找不到它。我的语法有问题吗?或者iWebKit是否阻止您添加自己的CSS规则?

2 个答案:

答案 0 :(得分:2)

要强制刷新,您可以使用以下代码:

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

α1

如果你的版本是1,Safari会检索这个css,因为它就像是php请求。

或者您可以在<style></style>代码

中添加内联样式

答案 1 :(得分:0)

找到原因。

显然,当我更改它时,iPhone的Safari不会刷新CSS文件。 但是,我没有看到如何强制刷新CSS文件的干净方法。将输入此作为一个新问题。