How to remove indent from text in select?

Question

css

Greetings, please tell me how to remove the non-existent indent from the select, it is necessary that the text is pressed to the left edge, no matter how js or css.

<select
               name="nationality" id="nationality" class="signup__select signup__select--nationality">
                <option value="American" selected="selected">American</option>
                <option value="Russian">Russian</option>
                <option value="Briton">Briton</option>
                <option value="Chinese">Chinese</option>
              </select></li>

.signup__select {
  font-family: "worksans", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  color: #111;
  height: 23px;
  border: none;
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 6.33px 0;
}

For some reason, the image or link to the image cannot be inserted, htt ps://ibb(dot)co/x2gFw66

Answer 1

Add to select styles

appearance: none;
-webkit-appearance: none;