在ASP.net中为按钮应用外观文件

在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

我对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" />

上面是我的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选项设置中启用它。只要通过这个链接-