如何在选择下拉框中应用填充？ [英] How do I apply padding within a select dropdown box?

问题描述

我有两种类型的输入。 选择下拉框和常规输入。

在输入，我添加了一个 padding：10px; ，使它看起来很大。

问题是，一旦我把选择框旁边，他们都是不同的高度。

如何应用填充 c。

这里是一个 live example 。

编辑1

这是我对它的样子：

> 至少到< select> ，但可能两者。 OSX真的希望他们的控件看起来苹果y

I have two types of input. A select dropdown box, and a regular input.

On the input, I have added a padding: 10px; that makes it look big.

The issue is once I put the select box beside it, they are both different heights.

How do I either apply the padding to the select, or make it the same height as the input.

Here is a live example.

Edit 1

This is how it looks to me:

解决方案

Try adding -webkit-appearance: none at least to the <select> but possibly to both. OSX really wants their controls to look apple-y

这篇关于如何在选择下拉框中应用填充？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！