html怎么在搜索框中加图片,html – 如何在搜索框中添加图标

要涵盖的问题：

如何在搜索框/表单中添加图标

如何在输入字段中添加图标

我有以下问题,我无法将FontAwesome fa-search图标放在输入字段/搜索框的右侧.

这是我的原始代码：

@media screen and (min-width: 800px) {

#header-search-desktop-div {

position: absolute;

left: 180px;

width: 450px;

margin-top: 0;

margin-bottom: 0;

border: 1px solid #881d98;

border-radius: 24px;

}

#header-search-desktop-div #header-search-fa {

position: absolute;

color: #7E7E7E;

z-index: 100;

font-size: 27px;

}

#header-search-desktop-div .fa-search {

top: 5%;

left: 1.5%;

line-height: 0.8em;

}

以下代码我收到了答案并进行了更改,它现在的工作方式与上面的图片链接类似：

#header-search-submit {

position: absolute;

z-index: 1;

padding: 0;

right: 15px;

top: 6px;

font-size: 24px;

font-family: FontAwesome;

color: #7B7B7B;

cursor: pointer;

background: 0;

border: 0;

}

html怎么在搜索框中加图片,html – 如何在搜索框中添加图标相关推荐

在access窗体中加图片_如何在Access窗体中显示指定路径的图片
在Access中,如果把图形对象以OLE格式的字段保存,那么在窗体中可以直接显示出图片来.但是这样做有以下不足:一.需要将图片逐一插入到表中,工作量太大.二.使数据库文件变得庞大.三.相同的图片文件, ...
html5文字中加图片,5、手写HTML语言代码之《在文字中加条横线、插入图片》学习网页制作的心得体会...
千里之堤始于足下!! 学习网页制作的心得体会5.........手写HTML语言代码之<在文字中加条横线.插入图片> 一.运用给网页加条横线在以下"教师自制教学软件的背景&q ...
html怎么给框格加背景图,怎么给word 2013表格添加漂亮的背景图片
很多人知道word中可以插入背景图片,但他们不知道表格中也是可以插入背景图片.而且方法还很多.今天我们就和大家分享一下怎么给word 2013表格添加合适漂亮的背景图片. 1.插入图片.选中word表 ...
html中加图片相对路径,以html中插入图片为例，聊一聊绝对路径和相对路径的区别...
原标题:以html中插入图片为例,聊一聊绝对路径和相对路径的区别我们都知道,在网站上插入图片要用到html的img标签中的src属性.src即source(来源)的缩写,也就是图片的url(或者说地 ...
php 将内容中的图片的域名,php给编辑器中的图片地址添加域名
传统的PC管理后台一般保存的都是图片路径,随着移动端APP的流行,很多平台需要增加API接口.这时发现图片路径并不能被远程读取,下面提供图片路径转换为URL地址的方法:/** * 替换fckedit中 ...
dw读取access中的图片_怎样从Access数据库中读取图片?解决办法
当前位置:我的异常网» C# » 怎样从Access数据库中读取图片?解决办法怎样从Access数据库中读取图片?解决办法 www.myexceptions.net 网友分享于:2013-03-0 ...
vue样式中背景图片路径_vue打包css文件中背景图片的路径问题
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了如一个简单css语句 .all_bg { background: url(../imag ...
Android中把图片、视频保存到相册中
/*** 获取fileName** 视频+图片下载*/ // String videoUrl = "http://2449.vod.myqcloud.com/2449_22ca37a6ea9 ...
html设置文本框后面加符号,将HTML文件读入文本框会将撇号和项目符号转换为？...
我正在使用StreamReader(在C#中)将HTML文件的内容读入文本框.无论使用哪种编码作为uption,所有的撇号和子弹都会变成问号.将HTML文件读入文本框会将撇号和项目符号转换为? 是否有 ...
android 读取mysql中的图片_Android 通过API获取数据库中的图片文件方式
Overview 今天复习了一下Android 如何将我们数据库中图片获取出来,并且将其转换为bitmap进行显示. 开发环境以及技术使用Visual Studio 2019 Android Stu ...

html怎么在搜索框中加图片,html – 如何在搜索框中添加图标

html怎么在搜索框中加图片,html – 如何在搜索框中添加图标相关推荐

最新文章

热门文章