$('input').on('change', function() {
var color = $(this).val();
$('#funnel_id_41').css('background', color);
$('#funnel_id_41').css('--before-border-left', '15px solid'+color);
});
.funnel_item {
width: auto;
height: 30px;
position: relative;
display: inline-flex;
align-items: center;
margin-right: 15px;
color: #fff;
padding-left: 30px;
padding-right: 20px;
}
.funnel_item:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 15px solid white;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.funnel_item:before {
content: "";
position: absolute;
right: -15px;
bottom: 0;
width: 0;
height: 0;
border-left: var(--before-border-left, black);
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="funnel_item" id="funnel_id_41" style="background: #003c70;--before-border-left: 15px solid #003c70;">
</div>
<input type="color">
Подскажите пожалуйста, как я могу с помощью jquery изменить --before-border-left