У меня есть легкая гибкая вкладка контента. Я хочу добавить css arrow в поле содержимого, которое должно указывать на соответствующий пункт меню.
Как мне получить динамически для каждого окна содержимого вкладки.
Вот мой код
$(document).ready(function () {
$('#verticalTab').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true
});
});
Добавить 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
.
rgba(0,0,0,0)
вместо этого используйте transparent
. Собираюсь обновить ответ.