java屌丝
java屌丝
  • 发布:2017-12-21 20:53
  • 更新:2021-03-09 11:48
  • 阅读:4070

分享MUI搜索框动态赋值样式问题

分类:MUI

项目中用到了MUI input search框

在动态赋值的时候没有获取焦点,所以搜素框里面的图标和placeholder文字都没有变,会重叠覆盖。

经过火狐调试官方input.html,查看在获取焦点的时候添加了mui-active 这个class

代码:<div class="mui-input-row mui-search mui-active>
<input class="mui-input-clear" placeholder="" data-input-clear="1" data-input-search="1" type="search"><span class="mui-icon mui-icon-clear mui-hidden"></span><span class="mui-placeholder"><span class="mui-icon mui-icon-search"></span><span></span></span>
</div>

所以大家以后在用到动态赋值的时候把值更新后,再控制下mui-active这个class是否添加就好了

大家以后遇到问题也不要过度依赖论坛,先自己试试看能否解决,实在没有办法再搜索

0 关注 分享

要回复文章请先登录注册

西安李敏镐

西安李敏镐

解决了,多谢
2021-03-09 11:48