Question

作为JQuery的新手，我做了很多搜索并尝试了我发现的所有解决方案来删除默认的对话框样式。我想覆盖他们的样式并应用我自己的样式来保持一致的外观。

function showOrderDetails(num,id) {

             $.post("OrderDetailMini.aspx", "OrderNum=" + num + "," + id, function (retData) {
                 $("#currentdetail").html(retData).dialog('option', 'title', "Order Number: " + num).dialog("open");
                 $("link[href*=jquery-ui.css]").attr("disabled", "disabled");
             });
         }

HTML：

<div id="currentdetail" > </div>

ORDERDETAILMINI.ASPX：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" type="text/css" href="Content/Site.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <asp:GridView ID="DetailsView2" runat="server"
            AutoGenerateColumns="false"
            AllowPaging="false"
            VerticleScrollBar="auto"
            AllowSorting="true"
            CssClass="gridview">
            <HeaderStyle CssClass="gridviewHeaderStyle" />
            <AlternatingRowStyle CssClass="gridviewAlternatingRowStyle" />
      <Columns>
        <asp:BoundField DataField="PART_NBR" HeaderText="PART #" />
                <asp:BoundField DataField="MFG_PART" HeaderText="MFG Part #" />
                <asp:BoundField DataField="PART_DESC" HeaderText="DESCRIPTION" />
                <asp:BoundField DataField="inv_boh" HeaderText="Avail Qty" />
                <asp:BoundField DataField="QUANTITY" HeaderText="Ordered Qty" />
      </Columns>
      </asp:GridView>
    </div>
    </form>
</body>
</html>

Answer 1

如果您使用浏览器检查元素，您将找到要编辑的相应类。

然后，您可以在他们提供的.css文件中编辑它们 - ！就这么简单！

或者，您可以只将!important添加到自己的css规则的末尾，而不是编辑样式表。

删除JQuery对话框样式

1 个答案: