如何删除下拉中的保证金？

Question

你能告诉我如何从下拉中删除边距，如图所示。我需要显示
下拉，如图所示。但是有些边缘来自某些地方。如何使下拉相同，如图所示

这是我的代码

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;

}

Answer 1

.col的填充为5px。不要定位所有.col，而是给出：

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

因此它仅影响.dropdown_border类。这样，类.col的{​​{1}}在顶部和底部都有填充，而不是在边上。

Answer 2

使用以下CSS属性：

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

修改

正如Praveen建议的那样，请改用：

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

Answer 3

希望这有帮助。

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

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