大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Typeahead.js v0.10.1和Bootstrap 3,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有谁知道我可以在哪里获得CSS for bootstrap 3 / typeahead.js v0.10.1?
<Satisfy-StackOverflow-Code-@R_696_10613@irement-For-Links-to-jsfiddle>
.twitter-typeahead { width: 100%; position: relative; } .tt-dropdown-menu { width: 100%; min-width: 160px; margin-top: 2px; padding: 5px 0; BACkground-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-Box-shadow: 0 5px 10px rgba(0,0.2); -moz-Box-shadow: 0 5px 10px rgba(0,0.2); Box-shadow: 0 5px 10px rgba(0,0.2); -webkit-BACkground-clip: padding-Box; -moz-BACkground-clip: padding; BACkground-clip: padding-Box; } .tt-suggestion { display: block; padding: 3px 20px; } .twitter-typeahead .tt-suggestion.tt-cursor { color: #fff; BACkground-color: #0081c2; BACkground-image: -moz-linear-gradient(top,#0088cc,#0077b3); BACkground-image: -webkit-gradient(linear,0 0,0 100%,from(#0088cC),to(#0077b3)); BACkground-image: -webkit-linear-gradient(top,#0077b3); BACkground-image: -o-linear-gradient(top,#0077b3); BACkground-image: linear-gradient(to bottom,#0077b3); BACkground-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); } .tt-suggestion.tt-cursor a { color: #fff; } .tt-suggestion p { margin: 0; }
更新typeahead.js v0.11.1
/********************************************************** * typeahead.js v0.11.1 - twitter bootstrap v3.3.5 * **********************************************************/ /*root typeahead class*/ .twitter-typeahead { display: inherit !important; width: 100%; } .twitter-typeahead .tt-input[disabled] { BACkground-color : #eeeeee !important; } /*Added to input that's initialized into a typeahead*/ .twitter-typeahead .tt-input { } /*Added to hint input.*/ .twitter-typeahead .hint { } /*Added to menu element*/ .twitter-typeahead .tt-menu { width: 100%; max-height: 500px; overflow-y: scroll; border: 1px solid #cccccc; -moz-Box-shadow: 12px 14px 30px -7px #616161; -webkit-Box-shadow: 12px 14px 30px -7px #616161; Box-shadow: 12px 14px 30px -7px #616161; } /*Added to dataset elements*/ .twitter-typeahead .tt-dataset { } /*dded to suggestion elements*/ .twitter-typeahead .tt-suggestion { padding: 3px 20px; white-space: Nowrap; } /*Added to menu element when it contains no content*/ .twitter-typeahead .tt-empty { BACkground-color: white; } /*Added to menu element when it is opened*/ .twitter-typeahead .tt-open { BACkground-color: white; } /*Added to suggestion element when menu cursor moves to said suggestion*/ .twitter-typeahead .tt-suggestion:hover,.twitter-typeahead .tt-suggestion:focus,.twitter-typeahead .tt-cursor { cursor: hand !important; BACkground-color: #337ab7; color: white; } /*Added to the element that wraps highlighted text*/ .twitter-typeahead .tt-highlight { }
以上是大佬教程为你收集整理的twitter-bootstrap – Typeahead.js v0.10.1和Bootstrap 3全部内容,希望文章能够帮你解决twitter-bootstrap – Typeahead.js v0.10.1和Bootstrap 3所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。