在CSS中,我們可以通過改變input元素的背景色和文本色來改變其顏色,下面是一些示例代碼,展示如何為兩個input元素設置不同的顏色:
HTML代碼:
<input type="text" class="input1" placeholder="Input 1"> <input type="text" class="input2" placeholder="Input 2">
CSS代碼:
.input1 { background-color: #ff0000; /* 設置背景色為紅色 */ color: #000000; /* 設置文本色為黑色 */ } .input2 { background-color: #00ff00; /* 設置背景色為綠色 */ color: #0000ff; /* 設置文本色為藍色 */ }
在這個示例中,我們?yōu)閮蓚€input元素分別設置了不同的背景色和文本色,***個input元素的背景色設置為紅色,文本色設置為黑色;第二個input元素的背景色設置為綠色,文本色設置為藍色,你可以根據(jù)自己的需求,為更多的input元素設置不同的顏色組合。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。