早上好,這里是濟南文匯軟件,給大家分享一個改變placeholder字體顏色大小的小技巧。
在我們做愛優愛評網站的時候,有很多文字框,然后需要美化一下它的樣式。
placeholder 屬性提供可描述輸入字段預期值的提示信息,是css3中新增加的屬性,IE9和Opera12以下版本的CSS選擇器均不支持占位文本。
因為每個瀏覽器的CSS選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫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文字的字體、顏色和風格。你甚至可以將文本框的placeholder以動畫方式顯示。 美化你的文本框都是些看起來很小的事情,但對于一些交互式的網站來說,成功的關鍵就在于細節。現在IE10里也只支持placeholder了,相信越來越多的人會使用這種原生的placeholder效果。
補充:
-moz- /* 火狐等使用Mozilla瀏覽器引擎的瀏覽器 */ -webkit- /* Safari, 谷歌瀏覽器等使用Webkit引擎的瀏覽器 */ -o- /* Opera瀏覽器(早期) -ms- /* Internet Explorer
上一篇: Js獲取年月日及時間轉換
下一篇: $ajax()如何使用及其具體參數的意義
關鍵詞:



