jquery - 如何设置边框css 选项卡中的 onclick

Question

在本教程的帮助下，我有带有 jquery 淡入效果的 css 选项卡。我希望 css 看起来像这样 http://img.ctrlv.in.s3.amazonaws.com/img/518e3d3e07928.jpg

到目前为止，这是我到达的地方。但是，一旦单击选项卡，选项卡的边框就会消失，我尝试应用 border-top:solid 1px #ddd;，但它的行为好像没有这样的代码。谁能帮助我。

Answer 1

你的问题在这里：

    #tabs #current a{

   background:#f8f8f8;
    height:60px;
    position:relative;
    top:-4px;
    padding-top:4px;
    border-left-width:1px;
    color:#111;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    margin:0 0 0 -1px;
    z-index:46;
border:solid 1px #ddd;}

首先，确保您的边框：属性具有样式、粗细和颜色。你的css中的一些边框没有；t​​。

其次，您的问题是您使用 #tabs #current a 作为选择器。我认为您的意思是使用#tabs #current li。

顶部的“按钮”或“选项卡”的容器是 li 元素。您在 li 元素内有一个链接，但为其添加边框无济于事，因为您实际上是在选项卡内添加边框。

当标签处于“未激活”状态时，标签 li 会影响标签。tabs current li 会影响当前焦点所在的那个。

如果您想将文本装饰/样式添加到焦点链接（在这种情况下为选项卡中的文本），您将使用#tabs #current a。此开关解决了您的边界问题，但我不确定它是否可以帮助您实现项目的最终目标。除了内容的变化，用户现在无法确定活动选项卡。

干杯!