文章/答案/技术大牛

发布

社区首页 >问答首页 >select有来自div的额外顶部填充。

问select有来自div的额外顶部填充。
EN

Stack Overflow用户

提问于 2015-04-27 07:29:19

回答 2查看 46关注 0票数 0

我想要一个带有定制箭头的下拉菜单。

我已经做了一个div包装与箭头图像背景围绕我的选择。

问题是，select有3-4像素来自div的顶部填充。我也找不到原因。

<style>

    .styleSelect select {
        font-weight:bold;
        -moz-appearance:none;
        -webkit-appearance: none;
        border:none;
        width: 140px;
    }

    .styleSelect select::-ms-expand {
        display: none;
    }

    .styleSelect {
        width: 120px;
        overflow: hidden;
        background: url("/Images/dropdown_arrow.gif") no-repeat right #fff;
        border: 1px solid #000;
        float: right;
        margin-left: 3px;
        border-radius: 8px;
    }

</style>

这是我的html：

<form>
    <div class="styleSelect">     
        <select></select>
    </div>
</form>

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-04-27 08:52:56

您可以尝试这样做:在本例中，我使用的导航栏高度为50 of，但对于50，您可以使用您自己的导航条或父对象高度。

.styleSelect select{
  line-height:50px;
  height:50px;
  /*and ofcourse your other code*/
}

这应该是物体垂直的中心。您也可以尝试vertical-align:middle;

票数 2

Stack Overflow用户

发布于 2015-04-27 10:11:29

嘿，我还发现，如果我把font-size: 0 px添加到div中--这也有效。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29889691

复制

相似问题

问select有来自div的额外顶部填充。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问select有来自div的额外顶部填充。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问select有来自div的额外顶部填充。
EN