ASP.net 如何使 asp 标签与其他的 CSS 样式相同？答案

【问题标题】：ASP.net how to make the asp label same CSS style as others?ASP.net 如何使 asp 标签与其他的 CSS 样式相同？
【发布时间】：2016-02-26 08:22:03
【问题描述】：

从上图可以看出，除了logout，所有的标签都是用li创建的。它使用 asp:label。我试图更改 CSS 样式，以便它可以匹配其他样式，但它们都不起作用。下面是注销的代码。

       .logout {
         color: #000000;
         display: block;
         font: bold 13px/24px Times, "Times New Roman", serif;
         text-decoration: none;
         text-shadow: 1px 1px #000;
         text-transform: uppercase;
         font-size: small;
         font-family: Arial, Helvetica, sans-serif;
       }
       .navigation {
         float: right;
         list-style: none;
         margin: 28px 0 0;
         padding: 0;
       }
       .navigation li {
         float: left;
         margin-left: 30px;
         position: relative;
         color: #000000;
         height: 20px;
       }
       .navigation li > a {
         color: #000000;
         font: bold 13px/24px Times, "Times New Roman", serif;
         text-decoration: none;
         text-shadow: 1px 1px #000;
         text-transform: uppercase;
         font-size: small;
         font-family: Arial, Helvetica, sans-serif;
       }
       .navigation li.active > a,
       .navigation > a:hover {
         color: #0000FF;
         font-size: small;
         font-family: Arial, Helvetica, sans-serif;
       }
       .navigation li > div {
         background-color: #888888;
         display: none;
         width: 110px;
         position: absolute;
         z-index: 1;
         left: 0px;
         top: 24px;
       }
       .navigation li:hover > div {
         display: block;
       }
       .navigation li > div a {
         color: #b8c6ac;
         font: bold 13px/24px"Times New Roman", Times, serif;
         display: block;
         text-align: center;
         text-decoration: none;
         text-shadow: none;
       }
       .navigation li > div a:hover {
         color: #fff;
       }

<ul class="navigation">
  <li>
    <a href="loginmain.aspx">Home</a>
  </li>
  <li id="sbooking" runat="server">
    <a href="booking.aspx">Booking</a>
  </li>
  <li>
    <a href="fac l.aspx">Facilities</a>


  </li>
  <li class="active">
    <a href="ser l.aspx">Services</a>
  </li>
  <li>
    <a href="account.aspx">Account</a>
  </li>
  <li class="slogout" runat="server">
    <asp:Label runat="server" OnClick="return confirm('Are you certain you want to logout?');" CssClass="logout"><a href="index.aspx">LogOut</a>
    </asp:Label>
  </li>
</ul>
</div>
</div>

如果需要更多详细信息，我会更新。

【问题讨论】：

欢迎来到stackoverflow！请添加更多细节，尤其是影响锚点的 CSS。你有像 li > a 或 li a 或 .navigation a 或 .navigation > li > a 等规则吗？你能编辑你的问题并透露更多关于你的 CSS 和生成的 HTML 的信息吗？您共享了您的标记，但 asp:Label 在到达浏览器时会被修改为某些内容。
我猜标签正在覆盖样式。在您的 css 中，您将拥有类似 .navigation{} 的内容，尝试更改为 .navigation, label{} 以查看是否有帮助。如果确实如此，这将是一个全球性的变化，因此需要一个更好的解决方案，但至少会是一个快速的测试
不，没有任何改变，戴夫。更新了我在 css 部分的信息
请在浏览器中上传渲染好的html，这样可以快速解决您的问题

标签： html css asp.net vb.net

【解决方案1】：

能否请您尝试将 css 更改为：

.logout a{
         color: #000000;
         display: block;
         font: bold 13px/24px Times, "Times New Roman", serif;
         text-decoration: none;
         text-shadow: 1px 1px #000;
         text-transform: uppercase;
         font-size: small;
         font-family: Arial, Helvetica, sans-serif;
       }

【讨论】：

欢迎来到stackoverflow！看看 CssClass="logout" :)
这没有提供问题的答案。要批评或要求作者澄清，请在他们的帖子下方发表评论 - 您可以随时评论自己的帖子，一旦您有足够的reputation，您就可以comment on any post。 - From Review
为了清楚起见，您在复制的代码中添加了一个字母，并希望每个人都只是注意到这个微小的变化而没有任何解释？
公平地说，@RMcLeod，这是对这个问题的回答 - 你只需要仔细观察，really，really跨度>