早上好，這里是濟(jì)南文匯軟件，給大家分享一個(gè)改變placeholder字體顏色大小的小技巧。
在我們做愛(ài)優(yōu)愛(ài)評(píng)網(wǎng)站的時(shí)候，有很多文字框，然后需要美化一下它的樣式。
placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息，是css3中新增加的屬性，IE9和Opera12以下版本的CSS選擇器均不支持占位文本。
因?yàn)槊總€(gè)瀏覽器的CSS選擇器都有所差異，所以需要針對(duì)每個(gè)瀏覽器做單獨(dú)的設(shè)定(可以在冒號(hào)前面寫input和textarea)。
::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
font-size: 16px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
font-size: 16px;
}添加完代碼之后，就ok了。
你可以控制placeholder文字的字體、顏色和風(fēng)格。你甚至可以將文本框的placeholder以動(dòng)畫方式顯示。 美化你的文本框都是些看起來(lái)很小的事情，但對(duì)于一些交互式的網(wǎng)站來(lái)說(shuō)，成功的關(guān)鍵就在于細(xì)節(jié)?，F(xiàn)在IE10里也只支持placeholder了，相信越來(lái)越多的人會(huì)使用這種原生的placeholder效果。
補(bǔ)充：
-moz- /* 火狐等使用Mozilla瀏覽器引擎的瀏覽器 */ -webkit- /* Safari, 谷歌瀏覽器等使用Webkit引擎的瀏覽器 */ -o- /* Opera瀏覽器(早期) -ms- /* Internet Explorer
關(guān)鍵詞:
