讓placeholder中的默認文字居中,或者縮進多少像素


直接給input或者textarea的樣式加texta-align:center;

<input type="" name="" id="" value="" placeholder="信息" />

    ::-webkit-input-placeholder {
	color: #f00;
        text-align:center;
    }

如果想要讓提示文字距離邊框有一定的距離,將text-align:center;去掉,加padding-left就可以

下面是兼容性寫法

 /* WebKit browsers */
			
::-webkit-input-placeholder {
	padding-left: 50px;
	color: #777;
}
/* Mozilla Firefox 4 to 18 */

:-moz-placeholder {
	color: #777;
	opacity: 1;
}
/* Mozilla Firefox 19+ */

::-moz-placeholder {
	color: #777;
	opacity: 1;
}
/* Internet Explorer 10+ */

:-ms-input-placeholder {
	color: #777;
}

Internet Explorer 10、Firefox、Opera、Chrome 以及 Safari 支持 placeholder 屬性。
注釋:Internet Explorer 9 以及更早的版本不支持 placeholder 屬性。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM