时间戳

首页 > 解决方案 > 如何在选择输入框中放置图标图标

html - 如何在选择输入框中放置图标图标

问题描述

我试图fa-chevron在我的下拉框中插入一个图标，但它不起作用，它显示在框外。

我试过改变边距，但这不起作用。

这是margin-right设置为 200 的时间：

在此处输入图像描述

这是没有边距的：

在此处输入图像描述

代码：

<div class="col-md-8 d-flex" style="margin-top: -25px">
    <select name="carlist" form="carform" class="form-control" id="exploreNeighbour" style="z-index: 2">
        <option value="">I have no idea</option>
        {% for venue in venue_category %}
        <option value="{{ venue.name }}">{{ venue.name }}</option>
        {% endfor %}
    </select>
    <i class="fas fa-chevron-down" style="pointer-events: none; z-index: 1; margin-right: 20px"></i>
</div>

标签： htmlcss

解决方案

添加z-index：2；和左边距：-20px；到 fa-chevron-down

推荐阅读