Bài F12. Định kiểu CSS cho biểu mẫu

Bạn chưa đăng nhập. Vui lòng đăng nhập để hỏi bài
datcoder

Định kiểu để tạo màu nền chung cho hai nút tròn và màu nền chung cho ba hộp kiểm của biểu mẫu của Thực hành.

Nguyễn  Việt Dũng
19 tháng 5 lúc 1:11

Dưới đây là mã CSS cho nhiệm vụ:

/* Định kiểu cho biểu mẫu góp ý */

form {

  max-width: 400px;

  margin: 0 auto;

  padding: 20px;

  border: 1px solid #ccc;

  border-radius: 10px;

  font-family: Arial, Helvetica, sans-serif;

}

/* Định kiểu cho hộp văn bản nhập Họ tên và Lớp */

input[type="text"] {

  display: block;

  box-sizing: border-box;

  width: 100%;

  background-color: #f4f4f4;

  border: none;

  border-radius: 20px;

  padding: 10px;

  margin: 10px 0 10px 0;

}

input[type="text"]:focus {

  outline: 2px solid #007bff;

}

/* Định kiểu cho trạng thái được chọn của các nút tròn và hộp kiểm */

input[type="radio"]:checked {

  background-color: #007bff;

}

input[type="checkbox"]:checked {

  accent-color: #007bff;

}

/* Định kiểu cho hộp văn bản góp ý */

textarea {

  box-sizing: border-box;

  width: 100%;

  background-color: #f4f4f4;

  border: none;

  border-radius: 20px;

  padding: 10px;

  resize: vertical;

}

textarea:focus {

  outline: 2px solid #007bff;

}

/* Định kiểu cho nút nhấn Gửi */

button[type="submit"] {

  width: 25%;

  font-size: 16px;

  color: #fff;

  background-color: #007bff;

  border: none;

  border-radius: 20px;

  padding: