JSFiddle - React, Tailwind, and code Playground

by Tìm ở đây Khoá học CNTT

HTML

<p>Trong ví dụ này, chúng ta sử dụng bộ chọn :focus để thêm màu nền cho trường đầu vào văn bản khi người dùng click chuột vào để nhập thông tin:</p>

<form>
  <label for="fname">Họ</label>
  <input type="text" id="fname" name="fname" value="Tìm">
  <label for="lname">Tên</label>
  <input type="text" id="lname" name="lname" value="Ở Đây">
</form>

CSS

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
}

input[type=text]:focus {
  background-color: lightblue;
}