HTML選択メニューのドロップダウンが右から始まり、左に向かって流れるようにしようとしています。ここにあるものと同じように - http://www.flipkart.com/しかし、それは起こっていません。現在、左から始まり、右に向かって流れています。IE では、ドロップダウン メニューが非表示になっています。
コード -
<div class="search fr curves3">
<input class="main_search curves3" type="text" value="" placeholder="Search for items">
<span style="border-left:1px solid #999; float:left;">
<select>
<option>All Categories</option>
<option>Cat</option>
<option>Dog</option>
<option>Bird Categories Categories Categories</option>
<option>Aquatics</option>
</select>
</span>
<input type="submit" value="search" name="Search">
</div>
CSS -
.search {
border:1px solid #999;
}
.search .main_search {
float:left;
padding: 7px 0 7px 5px;
border:0;
outline:none;
margin:0;
}
.search select {
float:left;
border:0;
outline:none;
padding: 7px 10px 7px 10px;
margin:0;
width:130px;
}
JSfiddle - http://jsfiddle.net/generalsagar/gQxR7/
では、ドロップダウンを右から開始し、次に左に向かって流すにはどうすればよいでしょうか? ありがとう