コンタクトフォームでselect2を使用していますが、CSSのトリックは機能していません。

Question

これはリンクhttps://dcrazed.com/html/signup-pack/からです。ここでは、ラベルにアニメーションのコードを付けました。 すべてで問題なく動作していますが、複数選択しているわけではありません。

<pre> 
 
<span class="input input--hoshi"> 
 
\t \t \t   <!-- <textarea style="resize:none" placeholder="" rows="5" class="input__field input__field--hoshi form-control" id="description"></textarea> --> 
 
\t \t \t   <select id="services_select" class="input__field input__field--hoshi" multiple="multiple" style="width:100%" id="service"> 
 
\t \t \t \t \t \t \t <option value="AL">Website Development</option> 
 
\t \t \t \t \t \t \t <option value="AL">App Development</option> 
 
\t \t \t \t \t \t \t <option value="AL">Domain Registration</option> 
 
\t \t \t \t \t \t \t <option value="AL">Hosting</option> 
 
\t \t \t \t \t \t \t <option value="AL">Plugin</option> 
 
\t \t \t \t \t \t \t <option value="AL">Logo Design</option> 
 
\t \t \t \t \t \t \t <option value="AL">Digital Marketing</option> 
 
\t \t \t \t \t \t </select> 
 
\t \t \t   <label class="input__label input__label--hoshi input__label--hoshi-color-3" for="desc"> 
 
\t \t \t    <span class="input__label-content input__label-content--hoshi">services you want</span> 
 
\t \t \t   </label> 
 
\t \t \t   </span> 
 
</pre>

Answer 1

に動作していないこの

<span class="input input--hoshi"> 
      <select class="input__field input__field--hoshi" type="text" id="email"> 
    <option selected=""></option> 
    <option>V2</option> 
    <option>V3</option> 
</select> 
<label class="input__label input__label--hoshi input__label--hoshi-color-3" for="email"> 
    <span class="input__label-content input__label-content--hoshi">My select</span> 
</label> 

</span>