摘要:問題描述問題如圖手機端文字偏上,垂直方向不居中,光標(biāo)顯示偏上解決方案輸入手機號碼成果問題完美解決,文字完美居中,光標(biāo)顯示正常
1.問題描述
問題如圖:手機端placeholder文字偏上,垂直方向不居中,input光標(biāo)顯示偏上
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文字完美居中,光標(biāo)顯示正常
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/113431.html
摘要:任務(wù)四一個最常見的移動端頁面完成的事情完成簡單布局,然后填充界面與效果圖對比優(yōu)化完成驗收要求擴(kuò)展性頂欄固定進(jìn)行樣式兼容性研究完成任務(wù)四深度思考跟隨深度思考師兄建議進(jìn)行修改輸入欄左側(cè)換用輸入限制電話位,密碼位根據(jù)結(jié)構(gòu)的語義化修改嘗試下再加一 任務(wù)四、 一個最常見的移動端頁面 完成的事情 完成簡單布局,然后填充界面 與效果圖對比優(yōu)化 完成驗收要求:header擴(kuò)展性 & 頂欄固定 進(jìn)行p...
閱讀 774·2021-07-25 21:37
閱讀 3685·2019-08-30 15:55
閱讀 2605·2019-08-30 15:54
閱讀 1772·2019-08-30 15:44
閱讀 3153·2019-08-30 15:44
閱讀 887·2019-08-30 15:43
閱讀 1073·2019-08-29 15:36
閱讀 3074·2019-08-29 10:58