修复jQuery Autocomplete下拉菜单不能左对齐的情况

最新推荐文章于 2021-09-29 11:27:25 发布

shanliangliuxing

最新推荐文章于 2021-09-29 11:27:25 发布

阅读量2.5k

点赞数

分类专栏： jquery autocomplete

本文链接：https://blog.csdn.net/shanliangliuxing/article/details/8114197

版权

jquery autocomplete 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

集成了jquery autocomplete,不知道为什么生成的下拉框是居中的，没有左对齐，习惯性还是左对齐好看一点，所以修改了一下jquery.autocomplete.css这个样式文件，要想左对齐其实很简单，加上下面这一行代码就行：

text-align: left;

在.ac_results li里面添加，添加后css文件代码如下：

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*new add for left*/
	text-align: left;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}