样式jQuery自动完成结果

牙胶

这就是autcomplete现在显示结果的方式。在此处输入图片说明它在搜索栏的后面。是否可以将其带到上方。另外,我想为其设置样式。有人可以给一些样式参考。

以下是标头容器的代码

.header-container {
position: fixed;
top: 0;
background-color: #1E1E1E;
width: 100%;
z-index: 2000;
height: 42px;
}

这是用于搜索输入的:

#header-search-input {
background-image: url(images/search.png);
background-repeat: no-repeat;
font-size: 12px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #424A61;
border: none;
font-size: 14px;
height: 22px;
width: 355px;
position: absolute;
top: 9px;
overflow: hidden;
right: 40%;
padding-left: 25px;
}
弗雷德·兰德尔

样式:

input#autocomplete { 
 /* styles here */
}

z-index :( 最好使用z-index来防止元素堆叠时沿途出现其他问题)

了解z-index和堆叠顺序。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap输入字段中的样式jQuery自动完成

来自分类Dev

jQuery UI自动完成-没有结果消息

来自分类Dev

如何限制jQuery自动完成结果的数量?

来自分类Dev

Jquery UI自动完成的限制结果

来自分类Dev

样式化jQuery自动完成

来自分类Dev

通过XML进行JQuery自动完成(动态结果)

来自分类Dev

获取函数的结果作为jQuery自动完成选项

来自分类Dev

带有可拖动结果的jQuery自动完成

来自分类Dev

如果没有结果,则jQuery自动完成显示错误MSG

来自分类Dev

jQuery自动完成样式

来自分类Dev

jQuery的自动完成不显示结果

来自分类Dev

Rails 4的jQuery自动完成文本无结果

来自分类Dev

通过JQuery UI自动完成获取过滤结果

来自分类Dev

jQuery UI自动完成搜索结果不显示

来自分类Dev

jQuery的自动完成不工作于一个以上的结果

来自分类Dev

Jquery UI自动完成的限制结果

来自分类Dev

如何清除jQuery自动完成期间形成的div附加结果

来自分类Dev

jQuery自动完成,解析JSON结果

来自分类Dev

jQuery自动完成功能不会过滤结果

来自分类Dev

jQuery自动完成预过滤结果-显示全部

来自分类Dev

jQuery自动完成功能如何显示“无结果”

来自分类Dev

jQuery UI中的链接样式自动完成结果

来自分类Dev

自动完成的jQuery,没有结果消息,并且无法提交

来自分类Dev

Jquery自动完成不会给出任何结果

来自分类Dev

键入时 jQuery 自动完成不显示结果

来自分类Dev

JQuery Ajax 自动完成不显示结果

来自分类Dev

jquery自动完成不显示结果

来自分类Dev

JQuery 自动完成不会呈现结果

来自分类Dev

JQuery 自动完成返回空白结果