輸入框灰色CSS經常被用來美化網站的表單,讓用戶在輸入信息時更容易識別。
input[type=text], textarea { background-color: #f0f0f0; border: none; padding: 10px; } input[type=text]:focus, textarea:focus { outline: none; background-color: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
以上代碼可以使文本框和文本域在獲得焦點時變成白色,使用戶能夠更清楚地看到他們正在輸入的內容。 box-shadow屬性也可以在獲得焦點時添加一個微弱的陰影,使輸入框更具立體感。
到此為止,我們已經成功地使用CSS將輸入框樣式改為灰色,讓表單更具專業感。歡迎各位開發者好好利用此技巧,提高網站的使用體驗。
上一篇辨識出是哪種css選擇器
下一篇邊框css實線