Стрелка Css на вкладке содержимого

Question

Стрелка Css на вкладке содержимого

0

У меня есть легкая гибкая вкладка контента. Я хочу добавить css arrow в поле содержимого, которое должно указывать на соответствующий пункт меню.

Как мне получить динамически для каждого окна содержимого вкладки.

Вот мой код

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

DEMO

Sowmya 02 дек. 2013, в 06:39

Источник

0

Вы имеете в виду, что хотите стрелку на выбранном в данный момент поле? Поскольку выбор применяет класс к элементу, вы можете добавить стили для стрелки, используя указанный класс.
Bubbles 02 дек. 2013, в 05:21
0

Мне нужна стрелка на правой панели, которая содержит содержимое вкладки.
Sowmya 02 дек. 2013, в 05:33

Теги:

javascript

jquery

css

tabs

1 ответ

Ещё вопросы

Вы имеете в виду, что хотите стрелку на выбранном в данный момент поле? Поскольку выбор применяет класс к элементу, вы можете добавить стили для стрелки, используя указанный класс.
Мне нужна стрелка на правой панели, которая содержит содержимое вкладки.

myajouri · Accepted Answer · 2013-12-02T03-56-00.000Z

Добавить 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/

Потрясающие. Спасибо!! Но это не работает в IE 8. Любое решение ??
IE8 не поддерживает rgba(0,0,0,0) вместо этого используйте transparent . Собираюсь обновить ответ.
Спасибо, что сэкономили мое время ..