input標簽的placeholder有默認的樣式,但是也是可以修改的,可以修改各種樣式,顏色,字體大小,行高等等,修改樣式如下:
input::-webkit-input-placeholder { /* WebKit browsers */
font-size: 16px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-size: 16px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 16px;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 16px;
}
蘋果手機跟安卓手機不太一樣,蘋果手機的光標大小,是跟行高有關的,如果,input的height為40px,其line-height也是40px,則,蘋果手機的輸入框光標會從input標簽的上邊框到下邊框,安卓手機沒有這種狀況,這不是我們想要的,因此,我們常用的改變蘋果手機的光標高低的方式,是通過上下padding與line-height結合使用,比如:input的height為40px;想讓光標高低為20px。則可以padding:10px 0;line-height:20px;則可以解決這個問題的。