удалить стандартную стрелку из выпадающего списка в Opera (стрелка в других браузерах была исправлена)

Я пытаюсь скрыть стандартную стрелку из выпадающего списка выбора.

Я разрешил это для всех браузеров благодаря stackoverflow.com, но все еще не могу удалить или скрыть его для Opera (моя текущая версия Опера 12.16).

Требуется чисто CSS-решение.

select {
    background: url(/path/to/the/arrow.png) no-repeat center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
/*IE*/
select::-ms-expand {
    display: none;
}
/*FF*/
@-moz-document url-prefix() {
    select {padding-right:5px;}
}

person Haradzieniec    schedule 27.01.2014    source источник
comment
Почему вы хотите это сделать?   -  person Niet the Dark Absol    schedule 27.01.2014
comment
Мой клиент хочет этого. Я просто пытаюсь найти кросс-браузерное решение. Опера ушла.   -  person Haradzieniec    schedule 27.01.2014
comment
Не могли бы вы опубликовать то, что вы сделали до сих пор? Ах, клиенты из ада... :)   -  person sinisake    schedule 27.01.2014
comment
вы использовали внешний вид для остальных браузеров, чтобы получить эффект???   -  person Green Wizard    schedule 27.01.2014
comment
Добавлена ​​значительная часть кода. Спасибо.   -  person Haradzieniec    schedule 27.01.2014
comment
внешний вид не принимается в опере..   -  person Green Wizard    schedule 27.01.2014
comment
Вы использовали внешний вид - Да.   -  person Haradzieniec    schedule 27.01.2014
comment
Возможно, вы могли бы обернуть элемент select и один div, который будет содержать изображение в одном контейнере, установить абсолютную позицию для держателя изображения со стрелкой... jsfiddle.net/TXrKD/3 что-то вроде этого...   -  person sinisake    schedule 27.01.2014
comment
Спасибо. К сожалению, я пытаюсь найти чистое решение css, как я уже отмечал выше. В любом случае спасибо, что указали на это.   -  person Haradzieniec    schedule 27.01.2014
comment
Хм... это "чистый" css, без javascript или чего-то подобного... Если вы имеете в виду "чистый css" -> найти решение только с существующими элементами... тогда я понятия не имею. :D Надеюсь, кто-нибудь найдет способ... :)   -  person sinisake    schedule 27.01.2014
comment
свойство возникновения не поддерживается в опере!! w3schools.com/cssref/css3_pr_appearance.asp   -  person Kawinesh SK    schedule 27.01.2014


Ответы (1)


Хорошо, я не нашел решения. Однако я применил стиль background-image:none; только для Opera поэтому в Опере отображается только одна стандартная стрелка.

person Haradzieniec    schedule 27.01.2014