CSS輸入框灰色
input[type="text"] { background-color: #f2f2f2; border: none; border-radius: 5px; padding: 10px; } input[type="text"]:focus { outline:none; box-shadow:none; background-color: #e6e6e6; }
使用CSS可以很容易地給輸入框添加樣式。上述代碼中,我們首先指定了輸入框的類型為文本(type="text"),然后設置了輸入框的背景顏色為淺灰色,去掉了邊框,設置了圓角,以及內邊距。這些屬性使輸入框看起來更美觀和舒適。
接著,我們為輸入框添加了一個聚焦效果。當用戶點擊輸入框時,它會獲得焦點,并被高亮顯示。聚焦效果通過outline:none;和box-shadow:none;語句來去除默認的瀏覽器外觀。
如果你想使用其他顏色替換灰色,只需要替換代碼中的#f2f2f2和#e6e6e6即可。
上一篇js手寫vue