完美解决amzonui里面input和icon布局问题

汪小君

于 2015-10-01 18:25:01 发布

阅读量881

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/Function_JX_/article/details/48847439

css 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种简单的方法来调整HTML表单中的输入框和图标的位置。只需为input元素设置相对定位，并为i元素设置绝对定位，即可实现图标与输入框的精准对齐。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form method="post" class="am-form" id="am-login">
      <p><i class="am-icon-user am-span1"></i><input class="am-span12" type="text" name="tel"></p> 
      <p><i class="am-icon-lock am-span1"></i><input class="am-span12" type="password" name="pwd"></p>
      <input type="submit" name="" value="登 录" class="am-btn am-radius am-g am-login-submit ">
    </form>