Html Firefox上的搜索框已损坏

我正在尝试用css制作一些美容搜索框

在chrome上，这很好，但在FF上，搜索按钮坏了

    <form class="form-wrapper cf" action="" method="post">
        <input type="search" placeholder="O que voce procura?" required>
        <button type="submit">BUSCAR</button>
    </form>

这是我的小提琴：

在Chrome和Firefox上打开以查看问题

---

如何修复它？

刚刚从.form wrapper中删除了宽度，它似乎可以工作。

尝试将mozilla规则添加到.form wrapper输入：

-moz-border-radius: 3px 0 0 3px;

background: #eee url(imagens/lupa.png) no-repeat;

此外，请尝试正确注释这些行：

In.form包装器输入：

-moz-border-radius: 3px 0 0 3px;

background: #eee url(imagens/lupa.png) no-repeat;

到

In.form包装器输入：焦点：

background: #fff url(imagens/lupa.png) no-repeat;

到

---

Maxime

有时候最简单的解决方案就是最好的，是吗？！Maxime，

#eee

或

#fff

它不是一行，而是：

#eeeeee

或

#ffff

的颜色缩写，对！被synthax荧光灯弄糊涂了。。对不起：）

#background: fff url(imagens/lupa.png) no-repeat;