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;
}