旋转的钢笔 2018-11-05 13:01 采纳率: 54.5%
浏览 1866
已采纳

css input label 美化

图片说明

            图片上的输入框怎么搞啊? 上面还有字,要用绝对定位么? 但是绝对定位,窗口缩小会不会变形,求前端大神
 <div class="form-group row justify-content-left item">
                  <label class="col-sm-3 col-form-label text-left"><!--<span class="text-danger">*</span> -->{{'page_login.email_or_mobile' | mTranslate}}:</label>
                  <div class="col-sm-8">
                    <input type="text" name="account" class="form-control " ng-class="{'is-valid':isAccountValid==true, 'is-invalid':isAccountValid!=true}" ng-model="searchData.account" placeholder="{{'page_login.email_or_mobile_hint' | mTranslate}}" ng-blur="checkAccount()" required>
                    <div class="valid-feedback" ng-if="isAccountValid==true">
                      {{'page_login.good' | mTranslate}}
                    </div>
                    <div class="invalid-feedback" ng-if="isAccountValid!=true">
                      {{accountMsg}}
                    </div>
                  </div>
                  <div class="col-sm-3"></div>
               </div>

  • 写回答

5条回答 默认 最新

  • ars__qu 2018-11-21 04:00
    关注

    这种效果?
    思路问题

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?