html - 検索ボックスからデフォルトの影を削除する

Question

検索ボックスを作成しました：

<form>
   <input type="search" class="search" placeholder="Search...">
</form>

検索ボタンには、削除したいデフォルトの内側の影があるようです。これは私のCSSがどのように見えるかです:

form
{
    float: right;
}

.search
{
    box-shadow: none;
    padding: 6px 14px 6px 30px;
    margin-top: 16px;
    background: url(../images/search.png) no-repeat 8px 6px;
}

「box-shadow: none;」動作しません。「box-shadow: 0 0 0 0;」も試しました。しかし、それもうまくいきません。どうすれば影を取り除くことができますか? 前もって感謝します。