Javascript 如何展开固定宽度的选择框';It’从右边降到左边?

Javascript 如何展开固定宽度的选择框';It’从右边降到左边?,javascript,html,css,forms,Javascript,Html,Css,Forms,我有以下代码: 选择{宽度:200px;} 选一个 首选 第二选择 非常长的第三个选择,使下拉列表扩展等 如果有很长的选项,是否可以将下拉菜单扩展到左侧而不是右侧?可能的解决方案 如果你愿意绝对定位你的选择菜单,你可以使用以下技巧 这里有一个 代码 将元素包装在相对定位的父元素中: <form class="relative"> <select class="ddm"> <option value="

我有以下代码:


选择{宽度:200px;}
选一个
首选
第二选择
非常长的第三个选择,使下拉列表扩展等
如果有很长的选项,是否可以将下拉菜单扩展到左侧而不是右侧?

可能的解决方案 如果你愿意绝对定位你的选择菜单,你可以使用以下技巧

这里有一个

代码 将元素包装在相对定位的父元素中:

<form class="relative">
  <select class="ddm">
    <option value="1">Fly</option>
    <option value="2">Lizard</option>
    <option value="3">Snake</option>
  </select>
</form>

这将允许选择菜单仅向左扩展。

这里有一个使用
rtl
的方法:谢谢,正在寻找一种方法来实现它,使它看起来像一个正常的下拉列表。向右箭头,向左文本。
<form class="relative">
  <select class="ddm">
    <option value="1">Fly</option>
    <option value="2">Lizard</option>
    <option value="3">Snake</option>
  </select>
</form>
.relative { position: relative; }

.ddm {
  position: absolute;
  top: 0;
  right: 0;
}