Câu hỏi có trong chủ đề.Làm cách nào để thay đổi màu nền của hộp văn bản khi người dùng nhấp vào đó với CSS
Trả lời
input[type='text']:focus {
background-color: #0066FF;
}
Bạn có thể sử dụng CSS pseudo-class selectors như thế này:
textarea:focus { background-color: red }
Lưu ý rằng doesn't work IE7 and lower này.
Và phiếu bầu của tôi đi vào Otto, vì là lần đầu tiên bởi 2 phút :-) Nhưng tôi muốn thêm rằng ': focus' không được hỗ trợ bởi IE7 hoặc thấp hơn (tôi biết!). Đối với IE7 và IE6, bạn sẽ cần sử dụng các sự kiện DOM 'onfocus' /' onblur'. –
Câu hỏi nói "textbox", mặc dù. – Phoexo
@ Phoexo: Bạn đang tranh luận ngữ nghĩa, câu trả lời của Otto vẫn chính xác. Textarea là một hộp văn bản nhiều dòng. Một đầu vào với 'type =" text "' là một hộp văn bản một dòng. –
textarea:focus
{
background-color: #00ff00;
}
- 1. Làm cách nào để thay đổi màu nền của Hộp thoại Giao diện người dùng jQuery?
- 2. Thay đổi màu nền của TextView khi nhấp vào android
- 3. Thay đổi màu văn bản khi người dùng đang nhập?
- 4. Thay đổi màu nền của đầu vào hộp văn bản không hoạt động khi trống
- 5. màu nền nút thay đổi khi nhấp vào
- 6. Làm cách nào để thay đổi màu nền của hộp văn bản có định dạng khi nó bị tắt?
- 7. màu nền của chế độ xem văn bản không thay đổi khi nhấp chuột trong popupwindow
- 8. Thay đổi màu và màu của văn bản trong hộp văn bản
- 9. Làm cách nào để thay đổi màu của văn bản tùy chọn của hộp chọn?
- 10. Màu nền của giao diện người dùng Jquery thay đổi màu nền trong một ngày
- 11. Thay đổi màu văn bản trong các hộp CHỌN
- 12. Làm cách nào để thay đổi độ mờ màu nền (không phải văn bản) bằng javascript?
- 13. Xóa văn bản sau khi nhấp vào hộp văn bản
- 14. Thay đổi màu nền của div khi hộp kiểm được nhấp
- 15. Làm thế nào để thay đổi màu Foreground của văn bản được tô sáng cho một Hộp văn bản WPF?
- 16. Làm thế nào để thay đổi văn bản của TextView khi thay đổi văn bản của EditText?
- 17. thay đổi màu phông chữ trong hộp văn bản bằng CSS khi giá trị được nhập vào hộp
- 18. Tự động hoàn thành giao diện người dùng JQuery - Mở menu khi người dùng nhấp vào hộp văn bản
- 19. Ẩn trong bàn phím iOS khi người dùng nhấp vào bên ngoài hộp văn bản
- 20. Làm thế nào để sử dụng jQuery để thay đổi màu nền của một hộp văn bản?
- 21. Làm cách nào để bỏ chọn hộp văn bản nếu người dùng nhấp vào nơi khác trên biểu mẫu?
- 22. Hình nền của nút thay đổi WPF khi nhấp vào
- 23. Thay đổi văn bản nút sau khi nhấp, sau đó thay đổi lại sau khi nhấp lại
- 24. Làm cách nào để thay đổi CSS của toàn bộ trang/trang web khi nhấp?
- 25. HTML/CSS Tạo hộp văn bản có văn bản màu xám và biến mất khi tôi nhấp để nhập thông tin, làm cách nào?
- 26. Làm thế nào để thay đổi màu phông chữ trong hộp văn bản trong C#?
- 27. Thay đổi màu văn bản
- 28. Làm cách nào để thay đổi màu văn bản của ActionBar menuitem bằng chương trình?
- 29. Thay đổi màu đánh dấu khi chọn văn bản trong đầu vào văn bản HTML
- 30. Làm thế nào để thay đổi màu nền của hộp thoại theo chương trình?
hoạt động trên ie6, 7? – leora
Chắc chắn không phải IE6. Có thể IE7, nhưng tôi nghi ngờ điều đó. –
@oo: Như tôi đã đề cập trong bình luận của tôi về câu trả lời của Otto, điều này chỉ hoạt động trên IE8 ở chế độ tiêu chuẩn, nó sẽ không hoạt động ở chế độ tương thích IE8, IE7 hoặc thấp hơn. Cách giải quyết là sử dụng javascript. –