个人中心
gpt4 book ai didi

CSS 未应用于渲染页面但显示在 IDE 中

转载 作者：行者123 更新时间：2023-11-28 10:41:46 25 4
gpt4 key购买 nike

Visual Studio 2008 - ASP 成员(member)登录控件

我正在尝试设计 ASP:Login 控件的样式。我已将其转换为模板 - 这是标记:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="My.Login" %>

<!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>My Login</title>
    <link href="Style.css" rel="Stylesheet" type="text/css" />   
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Login ID="Login1" runat="server">
            <LayoutTemplate>
                <table border="0" cellpadding="1" cellspacing="0" 
                    style="border-collapse:collapse;">
                    <tr>
                        <td>
                            <table border="0" cellpadding="0">
                                <tr>
                                    <td class="normalAAText" align="center" colspan="2">
                                        Log In</td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName" CssClass="normalAAText" >User Name:</asp:Label>
                                    </td>
                                    <td>
                                        <asp:TextBox ID="UserName" CssClass="normalAAText" runat="server"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" 
                                            ControlToValidate="UserName" ErrorMessage="User Name is required." 
                                            ToolTip="User Name is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" class="normalAAText">
                                        <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password" CssClass="normalAAText">Password:</asp:Label>
                                    </td>
                                    <td>
                                        <asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" 
                                            ControlToValidate="Password" ErrorMessage="Password is required." 
                                            ToolTip="Password is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <asp:CheckBox ID="RememberMe"  CssClass="normalAAText" runat="server" Text="Remember me next time." />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center" colspan="2" style="color:Red;">
                                        <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" colspan="2">
                                        <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" 
                                            ValidationGroup="Login1" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </LayoutTemplate>
        </asp:Login>
    </div>
    </form>
</body>
</html>

在 IDE 中，页面如下所示:

enter image description here

但是，当它被渲染时它看起来像这样(即没有样式)

enter image description here

我可以为每个控件应用内联样式，但这会破坏样式表的对象。很明显，CSS 文件已正确链接，否则 IDE 不会显示我漂亮的紫色字体!

有什么想法吗？

CSS 文件如下。谢谢

爱德华

body
{
}
.grid-view
{
    padding: 0;
    border: 1px solid #333;
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    font-size: 0.9em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.grid-view tr.header
{
    background-color: #ADB0FF;
    border-bottom: "1px solid #000";
    color: #000000;
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
    text-transform: uppercase;

}

.normalAAText
{
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    color: #6666cc;
    font-weight: 700;
}

.header
{
    background-color    :#ADB0FF
}

.linkButton
{
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    color: Red;
    font-weight: bold;
}

.grid-view tr.normal
{
    background-color :#CECCFF; 
    border-bottom:"0px solid #000"; COLOR: #000000; 
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    FONT-SIZE:12px; TEXT-DECORATION: none; height:17px;
}

.grid-view tr.alternate
{
     background-color:#A0A0FF; border-bottom:"1px solid #000"; COLOR: #000000; 
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
     FONT-SIZE: 12px; height:17px; TEXT-DECORATION: none ;  
}

.grid-view tr.normal:hover, .grid-view tr.alternate:hover
{
    background-color :#BDDFF8; border-bottom:"0px solid #000"; COLOR: #000000; 
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; FONT-SIZE:12px; TEXT-DECORATION: none; height:17px;
}
 .btnSaveCancel
{
    border-color: #B3CCE6;
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    font-weight:bold;
    border-bottom-style: double;
    border-left-style: double;
    border-right-style: groove;
    border-top-style: groove;
    border-bottom-width: 1;
    border-left-width: 1;
    border-right-width: 1;
    border-top-width: 1;
    text-align: center;
    cursor: hand;
    color: #000000;

}

a.logout
{
    padding: 2px 5px;
    color: #ffffff;FONT-SIZE: 12px; 
    text-decoration: none;
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
}
a.logout:visited
{
    padding: 2px 5px;
    color: #ffffff;FONT-SIZE: 12px; 
    text-decoration: none;
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
}

a.logout:hover
{
    padding: 2px 5px;
    color: #ffffff;FONT-SIZE: 12px; 
    text-decoration:underline;
    font-family: "Trebuchet MS","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
}

最佳答案

一位同事向我解释说，样式表是一种 protected Assets ，只有经过身份验证才能加载。我已将其移至允许匿名访问的文件夹中，一切正常。

关于CSS 未应用于渲染页面但显示在 IDE 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23107618/

25 4 0
文章推荐： html - 导航栏 : Unwanted space; imprecise jump to local link
文章推荐： javascript - 解决猜词游戏中的 js 错误
文章推荐： javascript - 如何将jquery中的数据分别放入对象变量中
文章推荐： javascript - Angular - 自定义结构指令 - ngForIn : How can I create my own local variable?
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com