1.使用命名的控件外观
App_Themes\Default\Default.skin：
<%-- 默认的控件外观：未定义SkinId的TextBox控件都使用此外观。 --%>
<asp:TextBox runat="server" BorderWidth="1px" ForeColor="Black"></asp:TextBox>
<%-- 命名的控件外观：定义SkinId的TextBox控件将使用对应的外观。 --%>
<asp:TextBox runat="server" BorderWidth="1px" BorderColor="Blue" ForeColor="Blue" SkinId="Blue"></asp:TextBox>
<asp:TextBox runat="server" BorderWidth="1px" BorderColor="Red" ForeColor="Red" SkinId="Red"></asp:TextBox>Default.aspx：
<%@ Page Language="C#" AutoEventWireup="true" Theme="Default" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>主题和皮肤应用示例-Mzwu.Com</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:TextBox ID="TextBox2" runat="server" SkinId="Blue"></asp:TextBox><br />
<asp:TextBox ID="TextBox3" runat="server" SkinId="Red"></asp:TextBox>
</div>
</form>
</body>
</html>2.@Page指令中使用StylesheetTheme属性来指定使用的主题
App_Themes\Default\Default.skin：
<%-- 默认的控件外观：未定义SkinId的TextBox控件都使用此外观。 --%>
<asp:TextBox runat="server" BorderWidth="1px" BorderColor="Black" ForeColor="Black"></asp:TextBox>Default.aspx：
<%@ Page Language="C#" AutoEventWireup="true" StylesheetTheme="Default" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>主题和皮肤应用示例-Mzwu.Com</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" BorderWidth="1px" BorderColor="Black" ForeColor="Black"></asp:TextBox><br />
<asp:TextBox ID="TextBox2" runat="server" BorderWidth="1px" BorderColor="Blue" ForeColor="Blue"></asp:TextBox><br />
<asp:TextBox ID="TextBox3" runat="server" BorderWidth="1px" BorderColor="Red" ForeColor="Red"></asp:TextBox>
</div>
</form>
</body>
</html>说明：如果控件的同一种样式在外观文件和控件属性中都有定义的话， 使用Theme时则定义在外观文件中的样式发生作用，使用StylesheetTheme时则是定义在控件属性中的样式起作用！
评论（0）
暂无评论。