jquery - 在联系表单中使用 select2 但 css 技巧不起作用

Question

这是链接https://dcrazed.com/html/signup-pack/我也从那里获取了标签动画底线的代码。一切工作正常，但不适用于多项选择。

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