Choices-js / Choices

A vanilla JS customisable select box/text input plugin ⚡️
https://choices-js.github.io/Choices/
MIT License
6.06k stars 598 forks source link

Remove arrow #1089

Open jparadaa opened 1 year ago

jparadaa commented 1 year ago

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

MatheusRich commented 9 months ago

I guess you could hide it with CSS:

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