Question

我使用了两个选择表单框，第二个应该显示在下面，而不是显示，但内容的其余部分

我已将代码复制到页面顶部并显示但重新格式化页面。我希望它出现在第一个下面：/

HTML：

      <select name="Category" required="required">
      <option value="" title="Category">Category</option>
      <option value="CAT1">CAT1</option>

      <select name="Location" required="required">
      <option value="" title="Location">Select Location</option>
      <option value="Worldwide">Worldwide</option>

CSS

select {
padding:1.2em;
margin: 0em;
background: #e74c3c;
color:#ffffff;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
clear: both;
}

Answer 1

选择标签需要关闭......这应该有用..

  <select name="Category" required="required">
  <option value="" title="Category">Category</option>
  <option value="CAT1">CAT1</option>
    </select>
  <select name="Location" required="required">
  <option value="" title="Location">Select Location</option>
  <option value="Worldwide">Worldwide</option>
  </select>

如果你想要一个低于另一个，则将它们放在单独的div中

使用两个选择表格框但只显示一个

1 个答案: