Пример: https://jsfiddle.net/kreoTech/3Lro6kma/4/

Не проверял работоспособность в разных браузерах, но в chrome(v64) работает

UPD:
Используемое свойство css: text-decoration-skip-ink

Возможно получится получить эффект и от этого свойства: text-decoration-skip

Для установки на разных сайтах можно попробовать это расширение - User CSS или другое со схожим функционалом.

Хотя может есть и в настройках браузера где-нибудь флажок.

Зеленая это select, а не section. Тут использован именно этот тег, потому что элемент принадлежит к форме поиска на сайте. И при запуске поиска будет автоматически считано состояние этого переключателя.

Языковой же переключатель не принадлежит формам и более того, вообще является по сути ссылкой на страницу на другом языке. Поэтому он оформлен через список с вложенными ссылками.

Вот так например:

var classes = [];
$('.input_class').each(function(index){
  classes[index] = $(this).val();
};

Если же надо только второй:
$('.input_class').eq(1).val();

Пример рабочего варианта:

.dropdown-item {
  position: relative;
}
.dropdown-item:after {
  border: 1px solid #e1e1e1;
  content: "";
  display:block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

Если активные слайды расположены подряд или родственные, внутри одного родителя:

.owl-carousel .owl-item.active .slide{
font-size: 18px;
}
.owl-carousel .owl-item.active ~ .owl-item.active .slide{
font-size: 16px;
}
.owl-carousel .slide{
font-size: 16px;
}