Mac上的html5 <select>元素偏移问题

Question

我在我的Macbook上遇到了这个问题，即使我在两台计算机上使用相同的浏览器（Chrome），也不会在Windows计算机上发生。 元素的选项偏移并出现在元素的一侧，而不是在它的底部正常打开。 有谁知道这个问题？ 谢谢。 HTML：     ＆lt; div class =“col-lg-4 right”＆gt;         ＆lt; select class =“my-select”ng-model =“chosenContact”ng-options =“contact.name for contact in contacts”＆gt;             ＆lt; option value =“”class =“my-select”disabled =“true”＆gt; -choose-＆lt; / option＆gt;         ＆LT; /选择＆GT;     ＆LT; / DIV＆GT; CSS： 。我选{ margin-left：10px; 宽度：100％; 身高：30px; 方向：rtl; text-align：center; font-size：13.4px; font-size：14px; line-height：1.42857143; 颜色：＃555; background-color：#fff; background-image：none; border：1px solid #ccc; border-radius：4px; box-shadow：inset 0 1px 1px rgba（0,0,0，.075）; 大纲：无; 过渡：边框颜色缓入.15s，盒子阴影缓入.15s; } 例

Answer 1

direction: rtl属性导致您的问题（我在Safari或Firefox Mac btw中没有此问题，正确显示）。这可能是Chrome错误？