Question

我创建了一个新的Web应用程序，它为我提供了一个母版页。我更改了标题的前景色和背景色，文本不再显示。为什么？前景色不是文字颜色吗？如果不是 - 怎么做我控制文字颜色？

我在设计视图中这样做。

我现在看到运行它 - 文本显示。但是当我处于设计模式时。但如果我不改变div（文本所在的）背景颜色，则显示。

如何再次看到该文字？

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
        .style1
        {
            font-family: "Segoe UI";
            color: #FF0000;
        }
    </style>
</head>
<body>
    <form runat="server">
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET <span class="style1">Application</span>
                </h1>
            </div>
            <div class="loginDisplay">
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">

    </div>
    </form>
</body>
</html>

Answer 1

转到site.css文件，您可以为“标题”添加颜色，您将默认为

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    color: #FF66FF ! important;
}

您可以在此处或在设计视图中添加颜色元素，您可以将其指定为

<title style="color: #FF66FF ! important;">Hello Asp.Net</title>

这是你得到的结果 enter image description here ：

这是你的输出，它的工作完美如下所示：

enter image description here

Answer 2

这似乎是一个VS错误。

有关如何复制它的详细信息，请参阅Why is visual web developer working the way it is (hiding text)?。

Answer 3

<title>元素？您无法更改该元素的颜色。

Answer 4

在asp.net控件中你使用ForeColor，比如

<asp:Label runat="server" Id="MyLabel" ForeColor="Red"

在css中使用color属性，如：

#MyLabel
{
   color:Red;
}

如果要直接使用css语法对内联样式进行样式设置，可以使用：

<h1 style="color:Red">
  My red title
</h1>

为什么文字消失了？

4 个答案: