CSS可以通過不同的樣式對表單元素進行美化。下面是CSS中所有表單樣式的介紹:
/* 修改輸入框邊框顏色 */ input { border-color: blue; } /* 修改輸入框背景顏色 */ input { background-color: #F2F2F2; } /* 修改輸入框文字顏色 */ input { color: red; } /* 修改輸入框圓角 */ input { border-radius: 5px; } /* 去除輸入框默認樣式 */ input { border: none; outline: none; box-shadow: none; } /* 修改輸入框寬度和高度 */ input { width: 200px; height: 30px; } /* 設置輸入框為只讀 */ input[readonly] { background-color: #F2F2F2; cursor: not-allowed; } /* 修改按鈕顏色 */ button { background-color: green; color: white; } /* 修改按鈕樣式 */ button { border: none; outline: none; box-shadow: none; cursor: pointer; } /* 修改下拉框樣式 */ select { border: none; background-color: #F2F2F2; padding: 5px; border-radius: 5px; } /* 修改復選框和單選框樣式 */ input[type="checkbox"], input[type="radio"] { transform: scale(1.5); margin-right: 10px; } /* 修改標簽和提示信息樣式 */ label, ::placeholder { color: gray; font-size: 14px; }
上一篇mysql排序匯總