html – text-align: middle will not be working in iphone(for dropdown in web site)


I’m attempting to align the textual content in a choose menu to middle (just for the chosen merchandise) and it’s working effective in home windows and android units

expected(in windows and android)

however not working in iphones. in iphones the textual content at all times comes left aligned.

in iphone(expected to be centrally aligned

pasting the code I’m utilizing for styling the dropdown.

choose {
        width: 100%;
        peak: 46px;
        border-radius: 10px;
        text-align: middle;
        font-size: 28px;
        line-height: 34px;
        -webkit-appearance: none;
        -moz-appearance: none;
        look: none;
        background: clear;
        background-image: url("./assets/photographs/dropdown.png");
        background-repeat: no-repeat;
        background-position-x: 95%;
        background-position-y: 50%;
        colour: $color-shade-5;
        border: 1px strong $color-shade-5;

please assist.


Leave a Reply