显示来自同一地方的所有下拉选项

时间:2016-06-08 07:12:05

标签: html css

在我们访问右上角的link后,我们可以看到र - INR

一旦我们悬停在那上面,我们就会看到下拉选项。

enter image description here

如果我们选择Australian $,它将与第3个图标合并。

enter image description here

但是我希望显示Australian $位置与र - INR相同,如果我们选择它也应该显示在同一个地方。我不想改变र - INR

的位置

CSS

.a123
{
   position: absolute;
    right: -33px;
    top: 18px;
    z-index: 999;
    font-size: 15px;
}

.dropDownMenu a:first-child {
    color: #636363;
    font-weight: normal;
}   

HTML

<div class="form-language">
    <ul id="select-language" title="<?php echo $this->__('Currency') ?>" class="dropDownMenu">
        <li><a href=""><?php echo $selCurrency ?></a>
        <ul>
            <?php echo $lis ?>
        </ul>
        </li>
    </ul>
</div>

1 个答案:

答案 0 :(得分:1)

.a123中将right:-33px;更改为right:-55px;

.dropDownMenu li设置width: 120px;text-align:center;