Al intentar tabular sobre los campos, los campos no se resaltarán. He probado muchas soluciones como:

 .select2-selection__rendered:focus{ outline: none !important; box-shadow: 0px 0px 5px 2px lightblue !important; }

Mi campo de selección se parece a:

 <div class="col"> <label>Start Month *</label> <select name="startMonth" class="select2 form-control" tabindex="0"> {%for month, name in months%} <option value="{{ month }}">{{ name }}</option> {% endfor %} </select> </div>

Si bien tabindex ="0" en <div class="col"> me permite resaltar el campo, tengo que tabular una vez más antes de poder presionar Intro para ver las opciones en el campo.

También he notado que :hover funciona pero no :focus .