How to center select on mobile?

Question

css

There is a select and I can’t align it in the center on a mobile phone, although everything is fine on a desktop.

select {
display: block;
        height: 100%;
        padding-left: 0;
        font-family: $f-medium;
        font-size: 26px;
        font-weight: 500;
        text-align: center;
        text-align: -webkit-center;
        border: 1px solid red !important;

        text-align-last: center;
        -moz-text-align-last: center;
        appearance: none;
}

Answer 1

Try position: absolute;
left: 30px;

Answer 2

and so? or so?

select { 
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}