相关疑难解决方法(0)

我使用bootstrap并尝试在文本输入元素中添加位置glyphicon标记

我尝试将glypicon类添加到输入区域,如下所示:

<input type="text" class="form-control glyphicon glyphicon-map-marker" >

我在W3Schools上使用了botostrap glyphicons的示例,该示例包括一个<span>元素内部的glyphicon标记,而不是在`元素内部,所以我相信我的问题所在的os.

IM尝试实现以下外观:

我从中获取图像的示例网站使用位置标记作为其css中的背景图像...

background-image: url(data:image/png;base64);

关于如何解决这个问题的任何建议,非常感谢.

如何在Select2上的占位符文本之前添加FontAwesome.

这是我的Select2选项代码:

var placeholder = "<i class='fa fa-search'></i>  " + "Select a places";
$(".select2").select2({
    placeholder: placeholder,
    width: null
});

这是我的HTML代码:

<select class="form-control select2">
    <option></option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

谢谢.

我正在使用 React 创建一个应用程序，我想使用 FontAwesome 图标将它们包含到输入占位符中，这样它看起来像

<input type="text" placeholder="[here should be the user icon] Username" />

我怎样才能做到这一点？我用过" Username"，它只显示一个正方形而不是一个图标。也许我忘记了什么？

我正在寻找使用Fontawesome和Bootstrap 4的Navbar组件的示例,以便我有一个文本描述和一个彼此相邻的图标.

我创建了一个邮件表单，我想在占位符中添加一个图标，如下图所示。我怎样才能添加这个？

我遇到了很多使用Font Awesome <5解决此问题的方法，但是我似乎无法使用Font Awesome 5解决任何问题。

这是指向在占位符文本中添加Font Awesome图标的资源。

<input style="font-family:FontAwesome !important" type="text" placeholder="&#xf167">