解决kibana搜索提示框占位问题

朴灿烈づ我的快乐病毒、 2022-06-17 08:38 167阅读 0赞

kibana的版本是4.5.3，遇到这个问题比较烦人，使用kibana搜索时，因为自带的autocompelte插件，老是提示用历史的关键词，不能让你自己编辑正在用的输入框，导致搜索内容特别费劲，得用鼠标点击好几下才有可能能使用，火狐，chrome浏览器都试过了，都有这个问题，原来都将就着用，但也不是个办法，今天google了一把解决了，需要给页面添加一个css样式即可：

![c8c006ff-4763-3192-930e-fe03a3c7f91c.gif][]

kibana的github上已经有人反馈这个bug了，详情看下面的两个链接：   
  
[https://github.com/elastic/kibana/issues/7801\#issuecomment-235749394][https_github.com_elastic_kibana_issues_7801_issuecomment-235749394]  
[https://github.com/elastic/kibana/issues/4874][https_github.com_elastic_kibana_issues_4874]  
  
解决方式：   
使用google浏览器，下载下面这个插件，然后使用此插件给访问kibana的那个页面添加一个css样式   
  
[https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe][https_chrome.google.com_webstore_detail_stylish-custom-themes-for_fjnbnpbmkenffdnngjfgmeleoegfcffe]

Css代码 ![收藏代码][icon_star.png]

1.  .typeahead .typeahead-items \{ 
2.   top: 32px; 
3.  \}

有什么问题可以扫码关注微信公众号：我是攻城师(woshigcs)，在后台留言咨询。 技术债不能欠，健康债更不能欠， 求道之路，与君同行。

![3214000f-5633-3c17-a3d7-83ebda9aebff.jpg][]

[c8c006ff-4763-3192-930e-fe03a3c7f91c.gif]: /images/20220617/790a71485d87469f83ae2c539409c33e.png
[https_github.com_elastic_kibana_issues_7801_issuecomment-235749394]: https://github.com/elastic/kibana/issues/7801#issuecomment-235749394
[https_github.com_elastic_kibana_issues_4874]: https://github.com/elastic/kibana/issues/4874
[https_chrome.google.com_webstore_detail_stylish-custom-themes-for_fjnbnpbmkenffdnngjfgmeleoegfcffe]: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe
[icon_star.png]: /images/20220617/154c50b58c884362901e7436b35eb4c0.png
[3214000f-5633-3c17-a3d7-83ebda9aebff.jpg]: /images/20220617/5a2ef2422ce940438423dbfe7b82bbe0.png