HTML选择选项

下面的代码似乎是第一眼就开始工作的，但是FF（目前在FF26上测试）正在替换select选项，之后就不工作了（无法选择选项）。Chrome 35没有问题。这是一个FF错误，可能是对flexbox的部分支持，等等

HTML

---

示例：

来自Firefox 30及更高版本，但早期版本不支持flexbox。

来自caniuse.com:3。不支持flex wrap或flex flow属性。但是，我的CSS中没有这样的属性。有许多不同的flexbox规范-您提到的两个属性来自2012规范。

<div class="order-item-new">
 <select id="item" class="select" form="order-form" name="order[]">
  <option value="1">One</option>
  <option value="2">Two</option>
 </select>
</div>

.order-item-new
{
    -moz-box-direction: normal;
    -moz-box-flex: 0;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.15) 18%, rgba(61, 145, 153, 0.15) 50%, rgba(255, 255, 255, 0.15) 84%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: flex;
    flex: 0 1 45px;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.order-item-new select
{
    -moz-box-flex: 0;
    flex: 0 1 120px;
    margin: 7px 10px;
}