在JQuery Mobile中禁用字体阴影

Question

我正在使用JQuery Mobile在我的网站上创建一个表。但是我遇到了第二行字体的问题。

有没有办法可以更改背景颜色或禁用JQuery库的字体阴影？

这是我的css：

<link rel="stylesheet" href="css/jquery.mobile.structure-1.4.5.min.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="css/idangerous.swiper.css">
<link rel="stylesheet" href="css/mosaic.css" type="text/css">

<style type="text/css">
        #background{
        position: fixed;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        background: url(images/serverback.png) no-repeat center center fixed !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        }

        .price{
        color:green;
        text-align: right;
        }
        .ui-page, .ui-content, .ui-btn {
            background: transparent;
        }

        #ordertable{
            background-color: #333333;
            font-family: Arial;
            color: white;
            text-align: center;
        }

</style>

我的桌子：

 <div data-role="main" class="ui-content">

    <table data-role="table" data-mode="columntoggle" class="ui-responsive" id="ordertable">
      <div class="less-fancy-css">
      <thead>
        <tr>
          <th>Dish Name</th>
          <th>Price</th>
          <th>Quantity</th>
        </tr>
      </thead>
      <tbody>
        <?php
        //selecting table
        $result = mysql_query("SELECT * FROM products", $db);
        if (!$result) {
        die("Database query failed: " . mysql_error());
        }
        //displaying query result
        while ($row = mysql_fetch_array($result)) {
           echo "<tr class=\"clickable\" data-url=\"{orders.html}\"><td><p>" . $row[0]. "</p></td>";
           echo "<td><p>" . $row[1]. "</p></td>";
           echo "<td><p>" . $row[2]. "</p></td></tr>";

        }

        ?>
       </tbody>
    </table>
  </div>

Answer 1

对我来说，我试过了data-role="none" data-enhance="false"，但它无效

内联样式优先于类css

所以试试

<tr>
     <th style='text-shadow:0 0px 0;'>Dish Name</th>
     <th style='text-shadow:0 0px 0;'>Price</th>
     <th style='text-shadow:0 0px 0;'>Quantity</th>
    </tr>