具有不同宽度自定义边框的HTML下拉菜单和文本框

Question

我有一个下拉框和一个文本框。

我搜索了这个网站，但没有找到我的问题的答案。

我将以下样式应用于每个样式，但由于自定义边框，下拉框比文本框短得多。

border: 1px solid #E05206;
border-radius: 5px 5px 5px 5px;
font-size: 1.2em;
padding: 0 5px;
width: 335px;

有没有人知道针对所有浏览器的修复方法，每个浏览器都有不同的长度。

在进阶时谢谢。

Answer 1

解决这个问题的方法是将填充添加到下拉列表中，填充增加了文本框的整体宽度，但不会对下拉框执行相同的操作。

Answer 2

添加固定宽度的div，将控件放入其中，并将css中的宽度更改为100%

这应该会解决你的问题。