扁平化搜索框

 

百度

<form action=”” method=”get” autocomplete=”off” style=”position:relative;clear:both;margin-left:.17rem;margin-right:.17rem;background:#fff;height:40px;border:1px solid #bbbbbb;box-sizing:content-box;border-radius:0;margin-bottom:2px;display:block;margin-top:0;”><br />
<div style=”display:box;display:-webkit-box;display:-moz-box;”><br />
<div style=”display:block;margin:8px 0 0 9px;color:#3c76ff;background:url(//m.baidu.com/se/static/img/iphone/input_bearicon.png);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;width:24px;height:24px;”></div><br />
<input autocomplete=”off” autocorrect=”off” maxlength=”64″ sm=”1″ id=”kw” name=”word” style=”display:block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;padding:6px 42px 6px 5px;height:40px;line-height:30px;margin:0;font-size:18px;-webkit-appearance:none;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);background-color:transparent;color:#333;resize:none;overflow:hidden;font-family:Arial,Helvetica,sans-serif;border:0;border-radius:0;outline:0;” /><br />
<div style=”width:82px;position:relative;”><br />
<button type=”submit” style=”display:block;color:#38f;text-align:center;width:82px;height:40px;letter-spacing:-1px;box-sizing:border-box;outline:0;border:0;border-left:1px solid #e8e8e8;border-radius:0;-webkit-border-radius:0;background-color:transparent;-webkit-appearance:none;-webkit-box-sizing:border-box;cursor:pointer;cursor:hand;”><span>百度</span></button><br />
</div><br />
</div><br />
</form>

 

转载于:https://www.cnblogs.com/opensug/p/10293905.html