原文:【轉】移動端input輸入placeholder垂直不居中

在移動端編寫input輸入框時候,為了輸入文字與輸入框垂直居中,一般情況下,會將input的line height的高度等於height。但在移動端輸入的時候會發現,雖然輸入內容確實是垂直居中了,但是光標的位置是靠上的,導致感官上的不美觀。於是對input設置的時候,首先確定字體的大小如font size: px,其次我們確定設計稿里input的高度,如input高度為 px,那么此時的代碼應該是 ...

2015-12-01 11:34 1 16856 推薦指數:

查看詳情

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

1.問題描述 問題如圖:手機placeholder文字偏上,垂直方向不居中input光標顯示偏上解決IE下不支持placeholder屬性 2.解決方案 css html ``` <div class="phoneNumber"> < ...

Mon Nov 05 23:00:00 CST 2018 0 1129
[]移動實現垂直居中的幾種方法

垂直居中是布局中十分常見的效果之一,為實現良好的兼容性,PC實現垂直居中的方法一般是通過絕對定位,table-cell,負邊距等方法。有了css3,針對移動垂直居中就更加多樣化。 方法1:table-cell html結構: css: 方法 ...

Sun Sep 06 06:45:00 CST 2015 0 4995
inputplaceHolder小字體垂直居中

login.html 需求:placeholder小字居中input輸入手機號大字體。 效果:==================================>> ...

Wed Jan 09 00:36:00 CST 2019 0 771
input placeholder文字垂直居中(Mobile & PC)

Html5輸入框支持placeholder,但是在定義文本框中定義placeholder存在兼容問題 但是在chrome下顯示的search word並不能垂直居中。 在stackoverflow上找到了對應的方法。參考地址:http://stackoverflow.com ...

Fri Jan 03 19:23:00 CST 2014 0 30640
placeholder的字體大小跟input大小不一致,placeholder垂直居中

placeholder的字體大小跟input大小不一致,實現placeholder垂直居中 設計稿的placeholder的樣式是這樣的 輸入值的時候大小是這樣的 最后想要實現的效果是這樣的 當我這樣寫的時候 效果是這樣的,會稍微偏低一點 ...

Sat Aug 25 00:28:00 CST 2018 0 4947
【CSS】chrome input[type=text]標簽內placeholder字體偏下,不垂直居中

最近在開發項目時發現,在移動input里面的placeholder字體偏下,但PC卻是垂直居中,而兩者的代碼幾乎相同,只是字體大小有差異,查詢發現原來就是它惹的禍。 原因: 輸入的文字font-size大於placeholder的font-size。 當時我的代碼中PC移動 ...

Sun Jan 09 01:14:00 CST 2022 0 724
input日歷類型placeholder移動不起作用

pc對h5input type=‘date’的兼容不高,好在插件多,而對於移動端來說,系統自帶的date非常好用,而且功能強大,對前端來說可以去除好多不必要的代碼及事件操控。 近期有用到過這個方便的輸入框,發現手機上一進去時顯示為一片空白,設置的placeholder不起作用,然后上網查了下 ...

Wed Mar 01 00:35:00 CST 2017 0 1412
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM