Javascript 如何避免无序列表项上方和下方出现小分隔线?
我使用twitter引导程序是为了有一个像list这样的选择选项 如何避免列表项列表上方(如图所示)和下方的小分隔线?请参阅screeshot: 下面是可见的代码。查看JSFIDLE最容易: html:Javascript 如何避免无序列表项上方和下方出现小分隔线?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我使用twitter引导程序是为了有一个像list这样的选择选项 如何避免列表项列表上方(如图所示)和下方的小分隔线?请参阅screeshot: 下面是可见的代码。查看JSFIDLE最容易: html: 只要去掉填充物(): 您还可以执行以下操作: 要去掉按钮和菜单本身之间的1或2像素的小空间。只需去掉填充(): 您还可以执行以下操作: 去掉按钮和菜单本身之间的1或2像素的小空间。添加填充:0;保证金:0到您的#下拉菜单 添加填充:0;保证金:0到您的#下拉菜单 您可以尝试删除ul的填充和边
只要去掉填充物(): 您还可以执行以下操作:
要去掉按钮和菜单本身之间的1或2像素的小空间。只需去掉填充(): 您还可以执行以下操作:
去掉按钮和菜单本身之间的1或2像素的小空间。添加
填充:0;保证金:0
到您的#下拉菜单
添加
填充:0;保证金:0
到您的#下拉菜单
您可以尝试删除ul的填充和边距,如:
.dropdown-menu {
padding: 0px;
margin: 0px;
}
小提琴:您可以尝试删除ul的填充和边距,如:
.dropdown-menu {
padding: 0px;
margin: 0px;
}
小提琴:
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
#dropdownMenu1 {
/*text-indent: -150px;*/
-webkit-appearance: none;
-moz-appearance: none;
font-family: 'PT Sans', sans-serif;
/*font-style: italic;*/
color: red;
font-size: 18px;
text-align: left;
width: 242px;
height: 42px;
border: 4px;
/*background-color: #e7eaf3;*/
background: url("http://www.adelepham.com/deepthoughts/gray-pattern.jpg") no-repeat 0 0;
/*color: #5B629B;*/
/*padding: 4px;*/
}
.my2 {
text-indent: -7px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-style: italic;
font-family: 'PT Sans', sans-serif;
color: red;
font-size: 18px;
-webkit-appearance: none;
-moz-appearance: none;
width: 242px;
height: 42px;
/*border: 4px;*/
/*color: #5B629B;*/
background: url("http://www.adelepham.com/deepthoughts/gray-pattern.jpg") no-repeat 0 0;
}
.dropdown-menu {
padding: 0;
}
.dropdown-menu {
padding: 0;
margin: 0;
}
.dropdown-menu {
padding: 0px;
margin: 0px;
}