這篇文章主要介紹了disabled和enabled如何使用,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了寶塔免費建站歡迎大家使用!
:enabled與:disabled選擇器
在Web表單中,有些表單元素(如輸入框、密碼框、復選框等)有“可用”和“不可用”這2種狀態(tài)。默認情況下,這些表單元素都處在可用狀態(tài)。
在CSS3中,我們可以使用:enabled選擇器和:disabled選擇器來分別設(shè)置表單元素的可用與不可用這兩種狀態(tài)的CSS樣式。舉例:
CSS3 :enabled選擇器與:disabled選擇器
在瀏覽器預覽效果如下:
分析:
這里我們?yōu)椤翱捎谩睜顟B(tài)的文本框添加一個外輪廓線outline,然后為“禁用”狀態(tài)的文本框改變背景顏色。
感謝你能夠認真閱讀完這篇文章,希望小編分享disabled和enabled如何使用內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細的解決方法等著你來學習!