CSS中的Form屬性主要是用來控制表單表現的。以下是一些常用的Form屬性:
.form-control { /* 設置表單控件的樣式 */ font-size: 16px; padding: 10px; border: 1px solid #ccc; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { /* 設置表單控件在聚焦時的樣式 */ border-color: #007bff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } button[type="submit"] { /* 設置提交按鈕的樣式 */ background-color: #007bff; color: #fff; padding: 10px 30px; border: none; border-radius: 5px; } input[type="checkbox"], input[type="radio"] { /* 設置復選框和單選框的樣式 */ margin-right: 10px; } label { /* 設置標簽的樣式 */ font-weight: bold; margin-right: 10px; }
上述代碼中,.form-control用來設置表單控件的樣式,包括字體大小、內邊距和邊框。input[type="text"]:focus、input[type="password"]:focus和textarea:focus是用來設置文本框在聚焦時的樣式,包括邊框顏色和陰影。button[type="submit"]用來設置提交按鈕的樣式,包括背景顏色、字體顏色、內邊距、邊框和圓角。input[type="checkbox"]和input[type="radio"]用來設置復選框和單選框的樣式,包括間距。label用來設置標簽的樣式,比如字體加粗和右邊距。