无法在asp.net WebForms应用程序的.aspx内容页中实现外部css文件
我正在努力在asp.net WebForms应用程序的内容页中实现外部CSS文件。因此,内容页有一个母版页(Site.master),其中我在标题部分包含以下代码:无法在asp.net WebForms应用程序的.aspx内容页中实现外部css文件,css,asp.net,webforms,master-pages,Css,Asp.net,Webforms,Master Pages,我正在努力在asp.net WebForms应用程序的内容页中实现外部CSS文件。因此,内容页有一个母版页(Site.master),其中我在标题部分包含以下代码: <asp:ContentPlaceHolder ID="HeadContent" runat="server"> <link href="Styles/pokerpsych.css" rel="stylesheet" type="text/css" /> </asp:
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
<link href="Styles/pokerpsych.css" rel="stylesheet" type="text/css" />
</asp:ContentPlaceHolder>
我还尝试在asp:Content标记中嵌入一个样式标记,但没有成功。然而,当我使用内联样式时,我只能将样式应用于id,尽管我更希望包含一个外部文件来应用样式
下面是CSS文件(pokerpsych.CSS):
发件人:
这可能是由Web表单中的动态ID处理引起的。呈现的HTML中文本框的ID可能与标题标签不同。在呈现页面上按视图源进行检查
最简单的解决方法可能是使用基于类的CSS,并在ASPX页面中引用控件上的正确类,而不是ID。来自:
这可能是由Web表单中的动态ID处理引起的。呈现的HTML中文本框的ID可能与标题标签不同。在呈现页面上按视图源进行检查
最简单的解决方法可能是使用基于类的CSS,并在ASPX页面中引用控件上的正确类,而不是ID。暂时注释掉当前CSS链接。将CSS文件从解决方案资源管理器拖动到母版页。在浏览器中点击F5,看看它是否有效。可能是由于
webforms
中的动态ID处理引起的。呈现的HTML中文本框的ID可能与标题标签不同。通过呈现页面上的查看源代码进行检查。最简单的解决方法可能是创建基于类的CSS,并在ASPX页面的控件上引用正确的类。谢谢,问题似乎是动态ID处理。视图源指示ID已与容器“MainContent_titleLabel”合并。使用类似乎可以解决这个问题暂时删除当前的CSS链接。将CSS文件从解决方案资源管理器拖动到母版页。在浏览器中点击F5,看看它是否有效。可能是由于webforms
中的动态ID处理引起的。呈现的HTML中文本框的ID可能与标题标签不同。通过呈现页面上的查看源代码进行检查。最简单的解决方法可能是创建基于类的CSS,并在ASPX页面的控件上引用正确的类。谢谢,问题似乎是动态ID处理。视图源指示ID已与容器“MainContent_titleLabel”合并。使用类似乎可以解决这个问题
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="PostHand.aspx.cs" Inherits="PokerPuzzleWebforms.PostHand" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<header>
<h1>Post your hand here</h1>
</header>
<main>
<label runat="server" for="titleBox" id="titleLabel" >Title</label>
<input type="text" id="titleBox" name="titleBox" runat="server" />
</main>
</asp:Content>
<asp:Content ID="Head" ContentPlaceHolderID="HeadContent" runat="server">
<link href="Styles/posthandstyle.css" rel="stylesheet" type="text/css" runat="server"/>
</asp:Content>
body {
}
#test{
color:red;
}
#titleLabel {
color:red !important;
margin-right:100px;
}