Choices-js/Choices

Remove arrow

jparadaa opened this issue · 1 comments

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?

img1

<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

I guess you could hide it with CSS:

.choices[data-type*=select-one]::after {
  display: none;
}