如何使搜索框图标与搜索框输入对齐？

文章/答案/技术大牛

发布

1回答

css、flexbox、search-box

我尝试了"display:flex“和"flex:1”，但它似乎没有work...is在我的css中有什么错误或丢失？有谁知道，请帮帮我！非常感谢!这是我的html： div className = "header-search" > input type = "text" < SearchIcon className = "header-S

浏览 32提问于2021-07-28得票数 0

1回答

Bootstrap:输入框内的搜索图标按钮以非桌面分辨率与输入框分开

javascript、jquery、html、css、twitter-bootstrap

我正在尝试将搜索图标按钮放入搜索输入框中(使用Bootstrap)我在这个问题上做了一个手脚：应该怎么做才能让按钮和输入框始终保持在一起？(同样重要的是搜索框要居中对齐:它不能左对齐或右对齐)

浏览 1提问于2014-09-12得票数 0

2回答

在容器内垂直对齐输入框

html、css、jquery-select2

我遇到了一些问题，垂直对齐搜索图标和搜索输入与搜索框。正如您在代码页中所看到的，搜索图标被轻微地推到顶部，搜索文本虽然看起来在中间，但在更改字体大小时不能很好地工作。理想情况下，我试图使图标和搜索文本相互响应，也就是说，一个垂直对齐或边距属性对齐整个select2-search类。

浏览 0提问于2018-02-11得票数 0

回答已采纳

1回答

我试图使用SSHFS通过SSH将文件传输到我的Raspberry Pi web服务器，特别是使用GUI

gnome、ssh、gui、sshfs

我一直在搜索和跟踪如何做到这一点，并已从多个来源拼凑如下：在底部输入ssh://192.168.1.20，然后按Enter键连接。然后输入用户名和密码。并成功地连接起来。我从根目录中得到文件结构。

浏览 0提问于2020-07-08得票数 0

回答已采纳

1回答

行分组中的显示问题

jquery、css、internet-explorer、datatables、grouping

我使用的是数据可折叠/可扩展分组，每个组有一个行计数，展开/折叠所有按钮和重置搜索按钮。我在Internet中遇到了一些显示问题。在IE9、IE8和IE7中，“重置搜索”按钮(搜索字段右侧的黑色X)没有显示。有人能帮我解决这些IE CSS问题吗？您的帮助将不胜感激！

浏览 4提问于2012-09-04得票数 0

1回答

为什么我的搜索结果布局偏斜在发射器？

18.04、gnome、launcher

我使用Ubuntu18.04LTS，带有GNOME桌面和Papirus图标包。当我点击时，一切都井然有序。但是当我在搜索框中输入一些文本时，搜索结果就会向右倾斜，而不是与中心对齐。请看下面的截图。

浏览 0提问于2021-01-27得票数 2

回答已采纳

2回答

显示搜索输入框，点击Jquery，但不提交

javascript、jquery、html、css

当我点击一个搜索图标时，我试图获得一个搜索框来显示，目前的问题是，当它出现时，它也提交一个搜索。如何使它显示搜索框，但此时不提交搜索，这显然是在搜索框中输入某些内容并单击submit时出现的。

浏览 1提问于2017-01-06得票数 1

回答已采纳

0回答

如何将输入框图标高度更改为居中？

css

我在我的网站上有一个登录表单，如果失败(用户名或电子邮件已经存在)，当涉及到保留输入时，它可以得到改进。我开始回想起几个月前看过的一些旧注册表。我开始处理一些带有颜色(边框和图标背景)和图标的输入框，以便在用户名或电子邮件存在、不存在或搜索时更改图标。我在图标对齐方面遇到了一些问题，我想把图标框一直移到右边而不是使用margin-right:-9px;，我也不想用很棒的字体图标而不

浏览 8提问于2016-07-14得票数 0

回答已采纳

2回答

当窗口调整大小时隐藏<li>

css、twitter-bootstrap、overflow、hidden

我在屏幕顶部有一个导航栏我不想拖到下一行，而是在窗口调整大小时，使最右边的li元素消失。

浏览 1提问于2015-02-18得票数 0

5回答

如何使2 div在另一个div中对齐到底部和左/右？

html、css、position、alignment

当我使用"menu"和"head"的位置和底部值时，它完全对齐了菜单，但是当我尝试使用"search"时，它会将它抛到"menu"偏移量的顶部。下面是一个图片示例 (“菜单”div对齐正确，但“搜索”对齐到左边和“菜单”顶部稍高一点) 去掉位置值和底部值，并使用just float，将每个值与各自的边对齐，但不会将它们放在父div的底部。我已经做到了让他们对齐边，但“搜索”

浏览 11提问于2017-06-16得票数 2

回答已采纳

4回答

如何在搜索框中对齐搜索图标

html、css

我想知道如何在文本框中对齐搜索图标，就像Google的搜索栏一样这是我得到的，但我想知道该怎么做：我试图避免使用引导程序或任何库。我想尽可能多地保留香草味。

浏览 6提问于2021-09-17得票数 3

回答已采纳

1回答

扩展搜索框覆盖导航栏上的链接

javascript、css、search、z-index

尝试一个Javascript out，这应该是从一个搜索单点图标开始，当你点击它时，搜索框就会在导航栏上展开。这是可行的，但问题是，即使搜索框不在导航栏上，您也不能单击导航栏中的任何链接。可能是因为搜索框还在“那里”，尽管它不是。知道如何使</em

浏览 0提问于2015-09-21得票数 1

回答已采纳

1回答

标题边栏不会移动-想要与标头标志对齐

widgets、css、html

我不能让搜索框再低一点。似乎垫子、毛边等都是0。但是，在检查时，似乎包含搜索栏的框并不像包含标题徽标的框那么大，因此与底部比较平齐。如何调整搜索栏所在的框的大小，使其与部分底部(底部与徽标对齐)齐平？staging.yodega.com📷

浏览 0提问于2017-08-01得票数 0

回答已采纳

1回答

如何在CSS中制作带有搜索和关闭图标的动画搜索框？

jquery、css

我想知道如何制作一个带有搜索图标和关闭图标的动画搜索框。当有人点击搜索图标时，搜索框会平滑地展开，而点击关闭图标则会将其折叠。还有一件事，当我们在里面输入一些文本，然后点击搜索图标就会提交搜索表单。

浏览 13提问于2017-03-17得票数 0

1回答

使用Visual 2012在ASP.NET中使所有文本框在web窗体中垂直对齐

c#、asp.net、visual-studio-2012、webforms

所以我的查询是..How，我可以使我的所有文本框垂直对齐？？

浏览 1提问于2017-01-04得票数 1

1回答

使用bootstrap正确的按钮大小

twitter-bootstrap-3

btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> </div>如何更正按钮大小我希望与文本框正确对齐。

浏览 0提问于2018-04-01得票数 0

1回答

QToolbar中的搜索框

user-interface、qt、pyqt

有谁知道如何在Qt中做一个好的搜索框(实际上是PyQt)。它应该位于工具栏(QToolbar)中，看起来与普通的QLineEdit略有不同(圆角和一个图标作为前缀)。它应该与其余控件之间的空白右对齐。

浏览 4提问于2009-08-24得票数 3

回答已采纳

1回答

如何在jquery mobile的搜索框中移动搜索图标？

search、jquery-mobile

jQuery手机的搜索输入带有一个搜索框，搜索框的左边有一个搜索玻璃图标。我希望搜索图标位于框的右侧。我在看css，但我看到的唯一能控制它的东西是...但是不确定这是否是用来移动图标的正确css，around...or有没有一个类或数据属性可以用在搜索元素本身上，用来移动图标？

浏览 1提问于2012-06-22得票数 1

回答已采纳

2回答

ActionBar搜索按钮打开新活动

android、search、android-actionbar

我有一个主要的活动，其中显示与搜索选项的行动栏。此活动的顶部也有相同的搜索操作栏，用户可以重新输入搜索词。但问题是，每次用户输入文本并点击搜索</e

浏览 0提问于2015-04-23得票数 0

1回答

自动完成不适用于jquery中的相同输入。

jquery、jquery-ui、autocomplete、jquery-plugins

源代码：选择其中一个选项，单击该x icon以清除搜索。(此图标将位于<e

浏览 2提问于2018-10-06得票数 0

回答已采纳

点击加载更多