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

Question

背景:

我有一个 select，它具有指定的 width。此 width 可能比其中的某些 options 更窄。在这种情况下，默认情况下 option 会尽可能广泛地呈现，并与 select 的左边缘对齐:

---

目标:

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

---

问题:

这可以用 CSS 实现吗？我环顾四周，发现了很多关于对齐文本的答案，但这是我想要调整的完整 option 位置，所以 text-align 赢了'工作。

Answer 1

经过进一步研究并阅读了对这个问题的评论，我得出的结论是，这是不可能做到的。在任何浏览器中，对齐无法更改。

我的解决方法是在 input 旁边添加一个 button，并将两者的样式设置得非常相似。我使用 JS 来驱动它，但我一直在阅读有关复选框 hack 的内容，因此它可以在没有 JS 的情况下完成。