在網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)中,灰色常常被用來(lái)表示禁用或不可用狀態(tài)。如果你想讓一個(gè)input元素在不可用狀態(tài)下呈現(xiàn)灰色,可以通過(guò)CSS來(lái)實(shí)現(xiàn)。
input:disabled { background-color: #dddddd; /* 設(shè)置灰色背景 */ color: #888888; /* 設(shè)置灰色字體顏色 */ }
上面的CSS代碼使用了偽類(lèi)選擇器:disabled,表示當(dāng)前元素處于禁用狀態(tài)。其中,background-color
屬性設(shè)置了背景色為淺灰色,color
屬性設(shè)置了字體顏色為深灰色。
如果你想應(yīng)用于所有input元素,無(wú)論是否處于禁用狀態(tài),可以使用簡(jiǎn)單的CSS規(guī)則:
input { background-color: #dddddd; /* 設(shè)置灰色背景 */ color: #888888; /* 設(shè)置灰色字體顏色 */ }
上面的CSS代碼將會(huì)把所有input元素都設(shè)置為灰色,無(wú)論它們是否可用。