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

将HTML选项与父选择的右边缘对齐 背景:,html,css,Html,Css,我有一个选择,它有一个指定的宽度。此宽度可能比其中的一些选项更窄。在这种情况下,默认情况下,选项会根据需要进行尽可能广泛的渲染,并与选择的左边缘对齐: 目标: 我要做的是将选项与选择的右边缘对齐,如我的模型所示: 问题: 这可以通过CSS实现吗?我环顾四周,找到了很多关于对齐内部文本的答案,但我想调整的是完整的选项位置,因此文本对齐不起作用。在进一步研究并阅读了关于这个问题的评论后,我得出结论,这是不可能做到的。无法在任何浏览器中更改对齐方式 我的解决方法是在输入旁边添加一个按钮,并将两

我有一个
选择
,它有一个指定的
宽度
。此
宽度
可能比其中的一些
选项
更窄。在这种情况下,默认情况下,
选项
会根据需要进行尽可能广泛的渲染,并与
选择的左边缘对齐:


目标: 我要做的是将
选项
选择
的右边缘对齐,如我的模型所示:


问题:
这可以通过CSS实现吗?我环顾四周,找到了很多关于对齐内部文本的答案,但我想调整的是完整的
选项
位置,因此
文本对齐
不起作用。

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

我的解决方法是在
输入
旁边添加一个
按钮
,并将两者的样式设置为非常相似。我用JS为它提供动力,但我一直在阅读有关复选框黑客的文章,所以它可以在没有JS的情况下完成


使用自定义选择插件如何?如果有必要,我可以创建自定义下拉列表,但只使用
选择
会更容易。我不认为这是指:许多表单组件的功能和呈现取决于默认的浏览器内置功能,这些功能很难更改,有些甚至无法更改。选择一个插件/小部件,它基本上会使用div-span布局模拟这种行为。考虑作业的CSS框架。