【问题标题】:jquery autocomplete color changejquery自动完成颜色变化
【发布时间】:2013-12-27 15:33:28
【问题描述】:

我正在为 UI 使用 bootstrap,为自动完成使用 jquery custome UI。当列出建议的项目时,我想匹配 bootstratp 蓝色而不是黄色。我在哪里可以更改颜色,正确的十六进制是什么?请参阅所附图像。谢谢!

【问题讨论】:

  • 为什么不使用http://getbootstrap.com/2.3.2/javascript.html#typeahead,因为它是引导程序的一部分?
  • 我喜欢这样做。事实上我试过了。请看我的另一篇文章。我对 bootstrap 和 jquery 很陌生。我花了很多时间让 jquery autocomplet 与 ajax 调用一起工作。我试过如果我能得到一些帮助来将它转换为打字头但放弃了。请看我的另一个帖子。如果你能帮忙的话,我真的很想用 head.stackoverflow.com/questions/20750535/converting-to-typehead。顺便说一句,我正在使用引导程序 3.0

标签: jquery jquery-ui twitter-bootstrap twitter-bootstrap-3


【解决方案1】:
.ui-state-hover {
    background: #428BCA!important;
}

例子:

http://jsfiddle.net/trevordowdle/DLLVw/104/

【讨论】:

  • @user3067524 如果它回答了您的问题或提供反馈,请将此答案标记为已接受。谢谢
【解决方案2】:

经过多次尝试,我找到了适合自己的工作代码。在阅读了整个 jquery UI CSS 文件后,我发现 #c77405 是造成这种橙色效果的颜色。您可以使用 notepad++ 查找所有出现的这种颜色。您可以将以下代码作为内部 CSS 复制并粘贴到您的文件中。

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #5b518b; /* any color you like */

}
.ui-widget-content .ui-state-active {
    color: #5b518b; /* any color you like */
}

【讨论】:

  • 第二个类帮助我设置 Jquery UI 自动完成选择的样式。谢谢。
【解决方案3】:
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #6693bc !important;
    font-weight: bold !important;
    color: #ffffff !important;
} 

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-06-13
    • 1970-01-01
    • 2017-12-11
    • 1970-01-01
    • 1970-01-01
    • 2011-04-12
    • 2010-11-20
    • 2015-08-11
    相关资源
    最近更新 更多