Html opera rtl(从右到左)方向上选择元素(下拉)的奇怪显示

Html opera rtl(从右到左)方向上选择元素(下拉)的奇怪显示,html,css,user-interface,opera,Html,Css,User Interface,Opera,我不敢相信:opera浏览器绘制了非常糟糕的下拉列表,如您所见: 我的Css: select { padding: 4px; margin: 0; border: 0; border-radius: 5px; border: 1px solid #9F9F9F; outline: none; width: 185px; color: rgb(3, 28, 97); box-sizing: border-box; di

我不敢相信:opera浏览器绘制了非常糟糕的下拉列表,如您所见:

我的Css:

select {
    padding: 4px;
    margin: 0;
    border: 0;
    border-radius: 5px;
    border: 1px solid #9F9F9F;
    outline: none;
    width: 185px;
    color: rgb(3, 28, 97);
    box-sizing: border-box;
    direction: rtl;
}
结果:

当我将方向更改为ltr时:

select {
    padding: 4px;
    margin: 0;
    border: 0;
    border-radius: 5px;
    border: 1px solid #9F9F9F;
    outline: none;
    width: 185px;
    color: rgb(3, 28, 97);
    box-sizing: border-box;
    direction: ltr;
}
结果是:


有什么问题吗?

我的Opera版本没有这样显示-(Mac,v24)。它的显示方式与select的FF版本完全相同。工作完美。然而,一个解决方案可能是设置外观:无,然后自己创建下拉列表。是的,我也注意到了这一点。这似乎是一个歌剧迷。几个月前,chrome更新了select元素的默认样式(它过去看起来像你所包含的ltr图像),与此同时,opera的select按钮样式出现了rtl