Is it possible, using CSS, to target the helpTextInvalid class when the div element with the selectize-input class is in focus?
<html>
<head>
<body>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.js">
</script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.css" />
<form id="select1-selectBloco" autocomplete="off" class="form-group shiny-input-container" style="padding-top:5px; width:100%; height:64px;">
<label style="width:100%" class="labelCustom">
<div class="selectize-control demo inputSelect single">
<div class="selectize-input items not-full has-options" style="min-height: 34px;">
<input type="select-one" autocomplete="off" tabindex="" id="select1-selectInput-selectized" style="width: 4px;">
</div>
</div>
<span id="select1-selectValidHelp" class="helpTextValid">Select an option 1.</span>
<span id="select2-selectValidHelp" class="helpTextInvalid">Select an option 2.</span>
</label>
</form>
<script>
$('#select1-selectInput').selectize({});
</script>
</body>
</head>
</html>
Looking forward to your assistance!