移動端placeholder不能垂直居中解決方案

用戶83 發布于2019-08-29 15:36 / 1020人閱讀

摘要：問題描述問題如圖手機端文字偏上，垂直方向不居中，光標顯示偏上解決方案輸入手機號碼成果問題完美解決，文字完美居中，光標顯示正常

1.問題描述

問題如圖：手機端placeholder文字偏上，垂直方向不居中，input光標顯示偏上

2.解決方案

css

          .phoneNumber input {

                width: 100%;
                font-size: .34rem;
                display: inline-block;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                font-family: PingFang-SC-Regular;
                border: 1px solid #68be4c;
                border-radius: .1rem;
                text-indent: .4rem;
                color: #333;
                padding: .16rem 0;
                float: left;
            }

html

3.成果

問題完美解決，placeholder文字完美居中，光標顯示正常

云服務器 GPU云服務器垂直居中實現垂直居中水平垂直居中文字垂直居中

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113431.html

【CSS練習】IT修真院--練習4-移動端界面

摘要：任務四一個最常見的移動端頁面完成的事情完成簡單布局，然后填充界面與效果圖對比優化完成驗收要求擴展性頂欄固定進行樣式兼容性研究完成任務四深度思考跟隨深度思考師兄建議進行修改輸入欄左側換用輸入限制電話位，密碼位根據結構的語義化修改嘗試下再加一任務四、一個最常見的移動端頁面完成的事情完成簡單布局，然后填充界面與效果圖對比優化完成驗收要求：header擴展性 & 頂欄固定進行p...

kun_jian 2019-08-29 15:39 評論0 收藏0
移動端

摘要：純，隱藏滾動條，保留鼠標滾動效果。中彈性拉伸的現象解決禁用那個層或者的事件的默認行為禁用音視頻自動播放這個是蘋果官方明確提出的，為了用戶的利益。所以的瀏覽器依然是死角，不能做到自動播放。只是一個文檔總結，純粹是喜歡SF的Markdown。 HTML CSS X軸上采用百分比字體大小以及部分不能用百分比衡量者，采用REM單位 JS 配置頁面根font-size大小 (f...

lowett 2019-08-20 18:21 評論0 收藏0
移動端

摘要：純，隱藏滾動條，保留鼠標滾動效果。中彈性拉伸的現象解決禁用那個層或者的事件的默認行為禁用音視頻自動播放這個是蘋果官方明確提出的，為了用戶的利益。所以的瀏覽器依然是死角，不能做到自動播放。只是一個文檔總結，純粹是喜歡SF的Markdown。 HTML CSS X軸上采用百分比字體大小以及部分不能用百分比衡量者，采用REM單位 JS 配置頁面根font-size大小 (f...

chaosx110 2019-08-29 13:00 評論0 收藏0