作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
asp.net面板为里面的元素继承 anchor 样式,我希望它不继承样式,只希望面板的整个区域超链接到页面
<a class="click" href="test.aspx">
<asp:Panel ID="pnBeta" runat="server" Visible="false">
<div class="cake">
<h2 class="choc">
</h2>
<ul class="Info">
<li><span>test1:</span><asp:Label style="float:right;padding-right:5px" runat="server" ID="lblTest1"></asp:Label></li>
<li><span>test2:</span><asp:Label style="float:right;padding-right:5px" runat="server" ID="lblTest2"></asp:Label></li>
</ul>
</div>
</asp:Panel>
</a>
最佳答案
像这样向面板添加样式:我在面板周围添加了一些元素以进行测试,并在此处包含了标记。注意 class="PanelLink"
<a href="test.aspx">No class</a><br/><a class="click" href="test.aspx">click class</a>
<a class="click" href="test.aspx">
<asp:Panel class="PanelLink" ID="pnBeta" runat="server" Visible="false">
<div class="cake">
<h2 class="choc">
</h2>
<ul class="Info">
<li><span>test1:</span><asp:Label style="float:right;padding-right:5px" runat="server" ID="lblTest1"></asp:Label></li>
<li><span>test2:</span><asp:Label style="float:right;padding-right:5px" runat="server" ID="lblTest2"></asp:Label></li>
</ul>
<hr><br><br><br><br><hr>
</div>
</asp:Panel>
</a>
添加样式。我添加了 anchor 样式以确保有一种样式可以克服。单独的 .click 样式是我测试的关键。
a {
color:#008800;
text-decoration:underline;
}
.click {
text-decoration:none;
color:#00F;
}
.PanelLink {
text-decoration:none;
color:black;
cursor:hand;
}
整个面板是链接和呈现的文本没有下划线。
这是一个 fiddle http://jsfiddle.net/Cyberjetx/mLHd3/显示解决方案的基础集。
关于c# - 覆盖锚定容器中的锚定样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21023182/
我是一名优秀的程序员,十分优秀!