Question

我有一个简单的响应内容标签。我想在内容框中添加css箭头，该内容框应指向相应的菜单项。

如何为每个标签内容框动态获取它。

这是我的代码

$(document).ready(function () {
    $('#verticalTab').easyResponsiveTabs({
        type: 'vertical',
        width: 'auto',
        fit: true
    });
});

DEMO

Answer 1

将position: relative;添加到.resp-vtabs .resp-tabs-list li，然后添加以下CSS：

.resp-vtabs .resp-tabs-list li.resp-tab-active:after {
   content: ""; 
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   right: -5%;
   top: 0;
   border: 10px solid transparent;
   border-right-color: red;
}

您可以更改border-right-color以更改箭头的颜色。

http://jsbin.com/odAkAXI/4/

Css箭头到内容选项卡框

1 个答案: