asp.net-mvc - jQuery Mobile MVC 箭头 CSS

Question

我有一个 jQuery 移动网站，在我的 Windows Phone 模拟器和我的 Windows Phone 上看起来不同。

这是 Windows Phone 模拟器上的图片：

在我的 Windows Phone 上，我看不到白色箭头。我只看到灰点。这是我的标记：

@model PagedList.IPagedList<product>
@{
    ViewBag.Title = "Index";
}
<div data-role="button" data-theme="c">
@Html.ActionLink("Create New", "Create")
</div>
<br />
<br />
<ul data-role="listview" data-filter="true">
@foreach (var item in Model)
{        
    <li><a href="@Url.Action("Edit", "Admin", new { id = item.ID })">
        <h3>@item.Name</h3>
        <p>
            <strong>@item.FoodCategoryName</strong></p>
    </a></li>
}
</ul>
<br />
<br />
<br />
<div class="pager">
Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber)
of @Model.PageCount
@if (Model.HasPreviousPage)
{
    @Html.ActionLink("<<", "Index", new { page = 1, sortOrder = ViewBag.CurrentSort,    currentFilter = ViewBag.CurrentFilter })
    @Html.Raw(" ");
    @Html.ActionLink("< Prev", "Index", new { page = Model.PageNumber - 1, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter })
}
else
{
    @:<<
    @Html.Raw(" ");
    @:< Prev
            }
@if (Model.HasNextPage)
{
    @Html.ActionLink("Next >", "Index", new { page = Model.PageNumber + 1, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter })
    @Html.Raw(" ");
    @Html.ActionLink(">>", "Index", new { page = Model.PageCount, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter })
}
else
{
    @:Next >
    @Html.Raw(" ")
    @:>>
            }

Answer 1

似乎是 png 渲染问题。

如果windows phone 有其他浏览器，您可以尝试在其他浏览器中浏览同一页面。

Answer 2

它实际上是在错误的地方寻找：

~/jquerymobile/images/icon-18-white.png

我改变了这段代码：

\Content\jquery.mobile-1.1.1.css

.ui-icon,
.ui-icon-searchfield:after {
background:                         #666 /*{global-icon-    color}*/;
background:                         rgba(0,0,0,.4) /*{global-icon-disc}*/;
background-image: url(Content/images/icons-18-white.png) /*{global-icon-set}*/;
background-repeat: no-repeat;
-moz-border-radius:                 9px;
-webkit-border-radius:              9px;
border-radius:                      9px;
}