mui：顶部搜索框问题

以前没有用过mui框架开发APP，最近有个APP项目开发用的是mui，开发过程中有很多不熟悉，也踩了很多坑，sui内置的一些样式不好修改，因此，把自己的一些经验分享给大家，希望对大家有用，如果有更好的解决办法，欢迎交流。

顶部html

<header class="mui-bar mui-bar-nav">
	<a class=" mui-icon  mui-pull-left">微糖资讯</a>
	<a href="vtSearch.html">
		<div class="mui-input-row mui-search">
			<input type="search" class="mui-input-clear whiteBg" placeholder="搜你想要的" readonly="readonly">
		</div>
	</a>
</header>

顶部css

搜索框默认会独占一行，所以把mui.min.css 里的.mui-input-row 的clear给注释掉，就会排成一行，代码如下：

.mui-input-row {
	/*clear: left;*/
	overflow: hidden
}