Trang chủ
CSS
Biểu mẫu CSS
Dùng thử: Tạo các trường nhập có màu viền đen trên tiêu điểm
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: 3px liền khối #ccc; -webkit-chuyển tiếp: 0,5 giây; chuyển tiếp: 0,5 giây; phác thảo: không có; } input[type=text]:focus { border: 3px Solid #555; } </style> </head> <body> <h2>Các trường nhập có viền đen trên :focus</h2> <p>Ở đây, trường nhập sẽ có màu viền đen khi được lấy nét (nhấp vào). Chúng tôi cũng đã thêm thuộc tính chuyển tiếp CSS để tạo hiệu ứng cho màu đường viền (mất 0,5 giây để thay đổi màu tiêu điểm):</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>