How to hide select arrow in Mozilla browser for Select component?

Question

css

I have a field where the selected record from select should be displayed. And I made it so that the selection arrow was hidden (at least in Google Chorme and Yandex.Browser everything works fine). But in Mozilla Firefox this arrow is displayed, is there a way to hide it there too?

.select {
    -webkit-appearance: none;
    border-width: 0;
    box-sizing: border-box;
    background-color: #fff;
    color: #DD0330;
    &:focus {
        outline: none;
    }
}