如何覆盖iDevice上的默认<select>样式?

时间:2019-06-12 14:07:28

标签: css ipad

我正在尝试设计一个至少在较旧设备上可读的选择框。当前样式适用于除旧iDevices之外的大多数设备。理想情况下,我希望使其外观相同,但是我并不太热衷于支持非常老的设备-但我希望它至少可以使用。

当前CSS低于

select {
    padding: 10px;
    font-size: 18px;
    color: #fff;
    background-color: #ed7303;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-image: url('/wp-content/uploads/2019/06/Down-Arrow-PNG-Transparent-Image.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px;
    outline: none;
}

this is what is currently displaying on older devices

This is what I'm aiming for

0 个答案:

没有答案