Trang chủ
CSS
Biểu mẫu CSS
Dùng thử: Tạo các trường nhập có màu sắc nổi bật
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> input[type=text] { width: 100%; phần đệm: 12px 20px; lề: 8px 0; kích thước hộp: hộp viền; đường viền: 1px liền khối #555; phác thảo: không có; } đầu vào[type=text]:focus { màu nền: xanh nhạt; } </style> </head> <body> <h2>Các trường nhập có màu trên :focus</h2> <p>Ở đây, trường nhập sẽ có màu khi được lấy nét (nhấp vào):</p> <form> <label for="fname">Tên</label> <input type="text" id="fname" name="fname" value="John"> <label for="lname">Họ </label> <input type="text" id="lname" name="lname" value="Doe"> </form> </body> </html>