刪除JQuery的對話風格

作爲新的jQuery的，我已經做了很多搜索和嘗試，我發現刪除默認的對話框樣式的所有解決方案。我想重寫自己的風格，並運用我自己的風格有一個一致的外觀。刪除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>

來源

2014-02-14 John

不能你只是去到CSS文件是在您的網站，並與你的取代他們的代碼？ – RDrazard

如果你檢查你的瀏覽器中的元素，你會發現相應的類進行編輯。

然後，你可以在他們提供的.css文件進行編輯 - ！就是這麼簡單！

或者，您可以將!important添加到您自己的css規則的末尾，而不是編輯它們的樣式表。

來源

2014-02-14 05:21:43

刪除JQuery的對話風格

回答

相關問題