change style dynamically of none html element

I'm using angularJs and want to change the style of an attribute dynamically. Normally I would do this with ng-style in the html element.

But I want to apply styles to the track of a range input. This element can be accessed in css like that: .slider::-webkit-slider-runnable-track(As Example for the webkit selector). Can I change the style for such an attribute in a function where I have the id for this element?

E.g (how I would do it in jquery):

$scope.change = function(id, value) {
        $('#'+id+'::-webkit-slider-runnable-track').css('background-image',value);
};