在ASP.net中为按钮应用外观文件
我对ASP.net非常陌生,尝试将样式应用到我的Web表单中的按钮,我完成了以下工作在ASP.net中为按钮应用外观文件,asp.net,skin,Asp.net,Skin,我对ASP.net非常陌生,尝试将样式应用到我的Web表单中的按钮,我完成了以下工作 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="TestingStyles.Index" Theme="button" %> <asp:Button runat="server" Text="Button" Width="221px" SkinID="btnskin" /&g
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="TestingStyles.Index" Theme="button" %>
<asp:Button runat="server" Text="Button" Width="221px" SkinID="btnskin" />
上面是我的index.aspx,下面是我的button.skin
<asp:Button runat="server"
BackColor="Red"
ForeColor="White"
Font-Name="Arial"
Font-Size="9px"
SkinID="btnskin"
/>
上面是我的test.skin文件,我在webform页面主题指令中添加了它的引用。
我有两个问题
1) 我的webforms中的Buttin没有根据皮肤文件进行样式设置?
2) Intellisense在皮肤文件中不工作?在这里,您忘记为按钮提供皮肤ID。应该是这样的——
<asp:Button runat="server"
BackColor="Red"
ForeColor="White"
Font-Name="Arial"
Font-Size="9px"
skinid="btnSkin"
/>
<%@ Page Language="C#" Theme="ThemeFolderName" AutoEventWireup="true" .. %>
<system.web>
<pages styleSheetTheme="ThemeFolderName"></pages>
</system.web>
<asp:Button ID="btnUsers" runat="server" SkinID="btnSkin">
然后将App_Themes中的主题文件夹设置为页面指令,如下所示-
<asp:Button runat="server"
BackColor="Red"
ForeColor="White"
Font-Name="Arial"
Font-Size="9px"
skinid="btnSkin"
/>
<%@ Page Language="C#" Theme="ThemeFolderName" AutoEventWireup="true" .. %>
<system.web>
<pages styleSheetTheme="ThemeFolderName"></pages>
</system.web>
<asp:Button ID="btnUsers" runat="server" SkinID="btnSkin">
或者,如果您不想在每个页面中重复此代码,请将其设置为web.config,如下所示-
<asp:Button runat="server"
BackColor="Red"
ForeColor="White"
Font-Name="Arial"
Font-Size="9px"
skinid="btnSkin"
/>
<%@ Page Language="C#" Theme="ThemeFolderName" AutoEventWireup="true" .. %>
<system.web>
<pages styleSheetTheme="ThemeFolderName"></pages>
</system.web>
<asp:Button ID="btnUsers" runat="server" SkinID="btnSkin">
并将其应用于如下按钮-
<asp:Button runat="server"
BackColor="Red"
ForeColor="White"
Font-Name="Arial"
Font-Size="9px"
skinid="btnSkin"
/>
<%@ Page Language="C#" Theme="ThemeFolderName" AutoEventWireup="true" .. %>
<system.web>
<pages styleSheetTheme="ThemeFolderName"></pages>
</system.web>
<asp:Button ID="btnUsers" runat="server" SkinID="btnSkin">
应该是这样的
步骤1
在App\u Themes
文件夹中,您必须添加皮肤文件
步骤2
在皮肤文件中添加所需的自定义设置
不要忘记添加SkinId
属性
<asp:Button runat="server" ForeColor="Black" BackColor="White" SkinId="WideBlackSkin" Width="80px" Font-Bold="true" />
<asp:Button runat="server" ForeColor="Green" SkinId="Help" Font-Bold="true"/>
<asp:Button SkinID="WideBlackSkin" runat="server" Text="First" />
<asp:Button ID="Button1" SkinID="WideBlackSkin" runat="server" Text="First" />
<asp:Button ID="Button2" SkinID="WideBlackSkin" runat="server" Text="First" />
<asp:Button ID="Button4" SkinID="WideBlackSkin" runat="server" Text="First" />
<asp:Button ID="Button3" SkinID="Help" runat="server" Text="First" />
步骤4
在要应用样式的元素中,添加SkinID属性
<asp:Button runat="server" ForeColor="Black" BackColor="White" SkinId="WideBlackSkin" Width="80px" Font-Bold="true" />
<asp:Button runat="server" ForeColor="Green" SkinId="Help" Font-Bold="true"/>
<asp:Button SkinID="WideBlackSkin" runat="server" Text="First" />
<asp:Button ID="Button1" SkinID="WideBlackSkin" runat="server" Text="First" />
<asp:Button ID="Button2" SkinID="WideBlackSkin" runat="server" Text="First" />
<asp:Button ID="Button4" SkinID="WideBlackSkin" runat="server" Text="First" />
<asp:Button ID="Button3" SkinID="Help" runat="server" Text="First" />
也有同样的问题,intellisense和skinfile的用法对我有效,但对您无效,因为您没有使用工具箱中的“标准”选项中的按钮。您是否在页面指令中设置了主题?您必须从Visual studio选项设置中启用它。只要通过这个链接-