当选项的值不是“”时，HTML表单选择字段会在元素上方添加空格

我有一个html表单元素，它是一个，每当我添加选项并为选项指定值时，它都会在表单选择字段上方添加一个空格/边距。如果我修改代码并将所有选项设置为value=则空格/边距将消失

<select id="authorizenet_cc_type" name="payment[cc_type]" class="required-entry validate-cc-type-select">
    <option value="">--Please Select--</option>
    <option value="">American Express</option>
    <option value="">Visa</option>
    <option value="">MasterCard</option>
    <option value="">Discover</option>
</select>

上面的代码给了我：

但当我向每个选项添加值时，我会得到以下结果：

我如何修复此问题以设置值，但消除它所创建的空间

---

编辑：看起来可能是某种JavaScript代码或其他东西。当页面第一次加载时，大约1秒没有问题，然后一旦占位符信息加载到所有其他输入字段中，空间就会弹出

我们需要一个可复制的演示来帮助解决这个问题。这不是您发布的HTML的默认行为。我意识到这不是HTML的标准行为，因此我完全感到困惑。在的结帐页上。在购物车中添加一个自定义按钮，然后单击“签出”，它将显示在那里。它看起来也是渐进的。换句话说，空间/边距随着select中具有指定值的选项元素的数量而变大或变小。我假设某个地方有一些css，但是什么样的样式可以创建这种行为呢？如果你检查你提到的站点中的DOM，你会看到在label Credit Card Type和select元素之间有一个UL元素。代码中的某些内容可能也在添加此附加列表，而不仅仅是选择选项中的值。这不是一个与您选择的项目相关的问题，实际上您有类似的元素，它们工作正常。如果你不提供更多关于代码的信息，我想没有人能帮助你。我看不到标签和选择之间有UL。有一个div，但它不影响它。从源代码中提取的代码显示为：我们需要一个可复制的演示来提供帮助。这不是您发布的HTML的默认行为。我意识到这不是HTML的标准行为，因此我完全感到困惑。在的结帐页上。在购物车中添加一个自定义按钮，然后单击“签出”，它将显示在那里。它看起来也是渐进的。换句话说，空间/边距随着select中具有指定值的选项元素的数量而变大或变小。我假设某个地方有一些css，但是什么样的样式可以创建这种行为呢？如果你检查你提到的站点中的DOM，你会看到在label Credit Card Type和select元素之间有一个UL元素。代码中的某些内容可能也在添加此附加列表，而不仅仅是选择选项中的值。这不是一个与您选择的项目相关的问题，实际上您有类似的元素，它们工作正常。如果你不提供更多关于代码的信息，我想没有人能帮助你。我看不到标签和选择之间有UL。有一个div，但它不影响它。从源代码中提取的代码如下所示：