html - dojo/html/css で検索バー/ボタンを実装しますか?

Question

検索バーのスタイルをよりモダンにしようとしています。現在、私の検索は次のようになっています。

次のHTMLを使用して取得します。

            <div id="search">
            <input type="text" id="parcel" size="30" value="Enter Parcel ID or Address"/>
            <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ doFind();}'>Search</button>
        </div>

およびCSS:

            #search {
            position:relative;
            top:2px !important;
            right: 95px;
            color:white !important;
            font-family:Goudy Old Style Italics;
            font-weight:bold;
            font-size:11pt;
        }

ユーザーがアイコンをクリックすると検索が実行されるように、検索バーを次の図のように変更したいと思います。Google で見つかったいくつかのソリューションを実装しようとしましたが、何かが私の CSS を踏んでいると思います。何か案は？