頂部固定搜索欄布局，如何處理button、images和input的布局？

如圖所示：

左右兩側(cè)的按鈕采用什么布局更加合理一些？
目前的方案是：
第一種(為button添加padding和背景圖，來實(shí)現(xiàn)圖標(biāo)的添加)：

<header>
    <p class="head_top">
        <button>全部</button>
        <label for="search"></label>
        <input type="text" id="search" placeholder="請(qǐng)輸入客戶姓名">
        <button>導(dǎo)出</button>
    </p>
</header>

第二種（將圖標(biāo)作為i的背景來填充）：

    <p class="head_top">
        <button>全部<i></i></button>
        <label for="search"></label>
        <input type="text" id="search" placeholder="請(qǐng)輸入客戶姓名">
        <button>導(dǎo)出<i></i></button>
    </p>

本來是想用字體圖標(biāo)的，可是設(shè)計(jì)師已經(jīng)出圖了，無奈只能用圖來實(shí)現(xiàn)左右兩測(cè)的圖標(biāo)~
希望各種同仁，大仙提供更好，更合理的布局或者思路~o(￣︶￣)o