将HTML选项与父选择的右边缘对齐

Question

背景：

我有select，其中包含指定的width。此width可能比其中的options更窄。在这种情况下，默认情况下，option会根据需要进行广泛渲染，并与select的左边缘对齐：

---

目标：

我想要做的是让option与select的右边缘对齐，如下面的模型所示：

---

问题：

这可以通过CSS实现吗？我环顾四周，找到了很多关于对齐文本的答案，但这是我要调整的完整option展示位置，因此text-align无效。

Answer 1

经过进一步的研究和阅读有关这个​​问题的评论后，我得出的结论是，这是无法做到的。在任何浏览器中都无法更改对齐 。

我的解决方法是在button旁添加input，并将两者设置为非常相似。我用JS来支持它，但是我一直在阅读关于复选框hack的内容，所以没有JS可以完成。