Remove arrow
jparadaa opened this issue · 1 comments
jparadaa commented
Hi, I implemented an example to use Choices and it works fine, I just want to know if it is possible to remove the arrow (I show it in the attached image), I have noticed that the arrow does not display if you use the multiple option, but in my case I am not using the multiple option, is there any way for me to remove the arrow?
<div class="container">
<div class="row">
<div class="col-sm-6 mt-2">
<label for="choices-single">Cliente</label>
<select
class="form-control"
name="choices-single"
id="choices-single"
placeholder="This is a placeholder" >
<option value="">Selecciona Cliente</option>
</select>
</div> <!-- col -->
</div> <!-- row -->
</div> <!-- container -->
I appreciate your help
Regards,
Javier
MatheusRich commented
I guess you could hide it with CSS:
.choices[data-type*=select-one]::after {
display: none;
}