google-chrome - Windows 8 Chromeでは、検索ボックスのスタイルがめちゃくちゃになりましたか？

Question

検索ボックスにいくつかのスタイリングを追加して、角を丸くし、さらにいくつかの効果を追加しました。LinuxでChromeとFirefoxでサイトを試してみると、問題なく動作しています。IE 10（Windows 8）でも正常に動作します。しかし、Windows 8 Chrome（Metroバージョンではない）では、スタイリングが台無しになりました！それはなぜです？これが私が追加したスタイリングです：

    #top-search {
        border: 1px solid #BABABA;
        -webkit-border-radius: 18px 18px 18px 18px;
        -moz-border-radius: 18px 18px 18px 18px;
        -o-border-radius: 18px 18px 18px 18px;
        border-radius: 18px 18px 18px 18px;
        box-shadow: 0 0 4px #CFCFCF;
        color: #696969;
        float: right;
        font-size: 11px;
        margin-right: 2%;
        margin-top: 8px;
        opacity: 0.7;
        padding: 3px 3px 3px 7px;
        width: 6%;
        outline: none;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        &:hover, &:focus, {
            opacity: 1;
            width: 8%;
        }
    }

検索ボックスは次のように表示されます。

Answer 1

入力タイプを「検索」から「テキスト」に変更するだけです