ASP Burron 與Input(Button)的樣式(藍底白字)

在ASP Page的源中添加如下文件:

 

<style type="text/css"> .button { border-left: 1px solid #FFFFFF; border-right: 1px solid #218587; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #218587; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #6EC5C6; height: 20px; }.org { color: #FF6600; } .input { border-left: 1px solid #FFFFFF; border-right: 1px solid #218587; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #218587; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #6EC5C6; height: 26px; width: 70px; } <style type="text/css">

 

<div id ="divButton" runat ="server"> <table id="tbButton" runat="server"> <tr align="center" style="font-family:Arial" mce_style="font-family:Arial"> <td> <asp:CheckBox ID="chkDisplay" runat="server" oncheckedchanged="chkDisplay_CheckedChanged" Text="ShowHiddenColumn" /> </td> </tr> <tr align="center" style="font-family:Arial" mce_style="font-family:Arial"> <td> <asp:Button ID="btnExport" runat="server" CssClass="button" OnClick="btnExport_Click" Text="Export" ToolTip="導出為Excel" Height="26px" Width="70px" /> </td> <td> <asp:Button ID="btnPrint" runat="server" CssClass="button" OnClientClick="printPage();" Text="Print" ToolTip="列印" Visible="False" Height="26px" Width="70px" /> </td> <td> <asp:Button ID="btnDelete" runat="server" CssClass="button" OnClick="btnDel_Click" Text="Delete" ToolTip="刪除一行資料" Height="26px" Width="70px" OnClientClick="return delconfirm();"/> </td> <td> <asp:Button ID="btnReset" runat="server" CssClass="button" OnClick="btnReset_Click" Text="Reset" ToolTip="重置 " Height="26px" Width="70px" OnClientClick="return resetconfirm();"/> </td> <td align="center" visible="false"> <input type="button" value="清空頁碼" class="input" οnclick="pagesetup_null()"/> <input type="button" value="恢復頁碼" class="input" οnclick="pagesetup_default()"/> </td> </tr> </table> </div>

 

效果圖:

 

 

另外:點擊刪除按鈕是的確認框功能:

 

function delconfirm() { var lot =document.getElementById("txtLotID").value; if(lot=="") { alert("Should select lot in GridView with DoubleClick!"); return } else { return confirm("您確認刪除該筆資料嗎?"); } }