p***@qq.com
p***@qq.com
  • 发布:2017-12-18 17:37
  • 更新:2017-12-19 09:14
  • 阅读:1299

header里放search图标位置有问题

分类:MUI
<header class="mui-bar mui-bar-nav">  
            <a href="" class="mui-icon mui-icon-home mui-pull-left"></a>  
            <div class="mui-input-row mui-search mui-title">  
                <input id="keywords" type="search" class="mui-input-clear" placeholder="... " />  
            </div>  
            <a href="" class="mui-icon mui-icon-person mui-pull-right"></a>  
        </header>

这段代码执行后,焦点在搜索框时搜索图标位置异常,怎么解决!

2017-12-18 17:37 负责人:无 分享
已邀请:
回梦無痕

回梦無痕 - qq565766672,论坛私信不回,有需要请加QQ,付费咨询指导。

自己调整css咯

w***@qq.com

w***@qq.com

为什么要这样写?你可以把搜索图标作为<input>的背景图。让背景图不重复。然后在设置<input> padding-left:25px;(大概这么多像素吧)。就可以了。
这个问题网上百度一下全都是。。

该问题目前已经被锁定, 无法添加新回复