Input 和button 在同一行上


<form action="Indexdefault.aspx?ID=2b279cfc-a6bf-40dc-b6d4-1f2314113766" method="get" target="_blank">
                <div class="same">
                    <input type="text" name="keyword" class="textSearch" 
                        placeholder="搜索" />
                    <button class="btnSearch"></button>
                </div>
            </form>
.same{
            padding: 0;text-align:center;
            margin: 0 auto;
            border: 1px solid red;width:630px;
            height: 47px;vertical-align: middle;font-size:0px;
        }
        .textSearch
        {
            height:45px;line-height:45px;width:500px;margin:0 auto;font-size:18px;padding:0;vertical-align:top;
            border:0;outline:none;
        }
        .btnSearch
        {
            background:transparent;border:0;
            background-image:url(img/search.png);
            background-repeat:no-repeat;
            width:130px;height:47px;margin:0;padding:0;
            border:none;outline:none;border-width:0;
            border-style:none;box-sizing: padding-box;
        }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM