亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML5中怎么用placeholder美化input背景提示文字

發布時間:2022-03-02 14:27:34 來源:億速云 閱讀:196 作者:iii 欄目:web開發

這篇“HTML5中怎么用placeholder美化input背景提示文字”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“HTML5中怎么用placeholder美化input背景提示文字”文章吧。

CSS代碼

在火狐瀏覽器中的寫法和在谷歌瀏覽器和Safari里的寫法有些不同,但相信以后會統一。

/* 通用 */
::-webkit-input-placeholder { color:#f00; }
::-moz-placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#f00; }

/* webkit專用 */
#field2::-webkit-input-placeholder { color:#00f; }
#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

/* mozilla專用 */
#field2::-moz-placeholder { color:#00f; }
#field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

其實只是一句代碼,但為了實現范圍最廣的瀏覽器支持,加上了各自的瀏覽器引擎前綴(Vendor Prefix),一下子變成了10幾行代碼,希望這種情況會盡快的過去。

一些基本的CSS樣式你都可以使用在placeholder上——顏色,字體,字體樣式等。你可以還可以創造更復雜的樣式,比如用GIF動畫。

以上就是關于“HTML5中怎么用placeholder美化input背景提示文字”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

乌拉特中旗| 当雄县| 泾源县| 蓬溪县| 临潭县| 云浮市| 商河县| 林甸县| 山阴县| 喜德县| 大洼县| 离岛区| 增城市| 阿鲁科尔沁旗| 寻甸| 天峨县| 承德市| 平度市| 宽城| 建平县| 福建省| 略阳县| 开原市| 电白县| 皋兰县| 固始县| 辰溪县| 双流县| 象州县| 郁南县| 焦作市| 吉安县| 郓城县| 滨海县| 准格尔旗| 定南县| 武夷山市| 涟水县| 嘉义市| 汕头市| 左权县|