我无法确定如何操作某些选项卡的边框
如果您已登录,您可以在 ASP.NET 上看到该功能http://forums.asp.net/user/editprofile.aspx# http://forums.asp.net/user/editprofile.aspx#
您可以看到,对于 onClick 事件,选项卡的背景颜色变为白色,就像它应该的那样。
我遇到的问题与 onClick 的边框有关:
底部边框应从灰色变为白色。
左边框和右边框应更改为灰色。
同样,当未选择选项卡时:
底部边框应从白色变为灰色。
border-left 和 border-right 不应有边框。
在我的 CSS 中,我为 JavaScript 使用了蓝色和白色类。但是我也有: .common-heading-tabs a.selected 这让我很困惑。
这是我的小提琴 - 如果有人能帮忙那就太好了http://jsfiddle.net/NinjaSk8ter/ZSeFA/ http://jsfiddle.net/NinjaSk8ter/ZSeFA/
我刚刚修改了 CSS 类.white
有一点,你的 CSS 标记不符合标准:
border-left-color: #A0AFC3;
border-left-style: solid;
border-left-width: 1px;
此外,要使底部边框消失,您有两个选择之一,您可以执行以下任一操作
- 删除底部边框
.common-heading-tabs a
类并将其添加到.blue
class
- add
border-bottom-color:white !important;
to the .white
class
您看到这种行为的原因是因为标准选项卡有边框(来自.common-heading-tabs a
),当您切换到白色时,您尝试更改颜色或某些边框,但您使用了border-left-color-value
而不是简单地border-left-color
,然后您没有修改白色类选项卡底部的边框,因此要么将底部边框声明移出.common-heading-tabs a
或明确地着色bottom-border-color:white !important
希望有帮助!
Edit:
如果您要修改类,您请求在选项卡之间设置边框.left-col
并添加到它:
.left-col
{
border-bottom-color: black;
border-bottom-width: 1px;
border-bottom-style: solid;
}
这应该可以解决问题,也许你应该去掉其他选项卡上的边框,如果这是你正在寻找的,因为双边框看起来很时髦。
如果我可以提供更多帮助,请告诉我
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)