如何移除下拉框的边距

how to remove margin in drop down?

本文关键字：何移      更新时间：2023-09-26

你能告诉我如何移除下拉框的边距吗?我需要显示
下拉菜单，如图所示，但有一些边距来自某些地方。如何使下拉菜单一样，显示在图像

这是我的代码

http://codepen.io/anon/pen/BoNwqa 

/* Styles here */
.dropdown_border{
  border: 1px solid #e4e5e7;
  height: 35px;
  text-align:center;
  color:blue;
}
.dropdown_padding {
  padding: 2em 3.5em 0em 3.5em;
}
.dropdown_image_class {
  height: 35px;
  width: 35px;
  margin-top: -6px;
  border: 1px solid #e4e5e7;
  float: right;
}

使用以下CSS属性:

.dropdown_border {
    padding: 5px 0 !important;
}

编辑

正如Praveen建议的那样，用这个代替:

.col.dropdown_border {
    padding: 5px 0;
}

.col的padding为5px。而不是针对所有的.col，给这个:

.col.dropdown_border {
  padding: 5px 0;
}

所以它只影响.dropdown_border类。这样，具有.dropdown_border类的.col在顶部和底部都有填充，而不是在两侧。

希望这对你有帮助。

.col.dropdown_border {
    padding: 5px 0;
    border-right: 0px;
}

顺便说一下，下拉图已经有了左右边框

相关文章：