Tôi muốn nút nhập = loại của tôi chỉ thay đổi màu khi được bấm. Ví dụ, nếu tôi có một nút màu trắng, tôi muốn nó trở thành màu xanh lá cây chỉ trong khi nhấn, và khi nó không ép nữa tôi muốn nó trở lại màu trắng. Làm thế nào tôi có thể làm điều này trong HTML và Javascript? (Xin lỗi cho tiếng Anh xấu của tôi và cảm ơn bạn)Nút loại đầu vào thay đổi màu trong khi nhấn?
Trả lời
bộ chọn CSS cho trạng thái này được gọi là :active
Vì vậy, nếu bạn làm:
input.btn:active { background:green }
nên hoạt động.
Xem demo
Plain vanilla HTML + JavaSctipt:
<input type="button" style="background-color:white" value="Click Me" onmousedown="this.style.background='green'" onmouseup="this.style.background='white'" />
Tại sao bạn làm javascript, đặc biệt. javascript nội tuyến cho một cái gì đó như thế này nếu bạn có thể làm điều đó với CSS? –
Xem nhận xét của tôi về giải pháp Piotr bên dưới. CSS tinh khiết cho nút nhập không hoạt động trong IE. Và JS nội tuyến là chỉ cho ví dụ, tất nhiên nếu một hàm phức tạp hơn là cần thiết, nó phải là một hàm. Dù sao CSS tinh khiết workd cho phần tử
Tôi muốn tìm một giải pháp mà nó cũng hoạt động nếu bạn nhả chuột ngoài mục tiêu –
Đối với tôi nó chỉ làm việc với:
<style>
input:active{ background-color:green}
</style>
lựa chọn khác là spec ify khi di chuột qua, chỉ dành cho các nút:
<style>
input[type=button]:hover{ background-color: #46000D}
<style>
- 1. thay đổi màu văn bản nút khi nhấn
- 2. Làm cách nào để thay đổi màu của nút màu khi được nhấn trong Android?
- 3. màu nền nút thay đổi khi nhấp vào
- 4. Thay đổi màu của nút khi di chuột trong xaml
- 5. Loại đầu vào thay đổi jQuery
- 6. Nút nhấn trong android
- 7. Thay đổi màu nút trong AlertDialog
- 8. Thay đổi màu của nút khi di chuột
- 9. màu nút thay đổi jquery onclick
- 10. Thay đổi hình ảnh trong nút khi nhấp vào
- 11. Chọn nút trong khi nhấn nút enter
- 12. thay đổi văn bản jquery khi thay đổi đầu vào
- 13. Thay đổi UIPopoverController màu (và nút màu sau)
- 14. Thay đổi màu đánh dấu khi chọn văn bản trong đầu vào văn bản HTML
- 15. Thay đổi màu giữ chỗ đầu vào tối hơn
- 16. C# Thay đổi màu nền của nút A
- 17. ActionBarSherlock Thay đổi màu nút quay lại?
- 18. Force sơn lại sau khi nhấn nút
- 19. nút tùy chỉnh Android; thay đổi màu chữ
- 20. Thay đổi màu nền của TextView khi nhấp vào android
- 21. Thay đổi màu của vùng sáng màu xám đậm khi giữ nút UIButton tùy chỉnh?
- 22. Loại bỏ DatePickerDialog khi nhấn nút quay lại
- 23. Nút đầu vào của jQuery, nhấn vào nút nghe sự kiện
- 24. Xem để thay đổi đầu vào [loại = "hộp kiểm"]
- 25. NotSerializableException khi nhấn nút home
- 26. thay đổi loại đầu vào html của JS?
- 27. loại đầu vào - nút quay lại?
- 28. Loại đầu vào HTML5 = hành vi bước thay đổi số
- 29. 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
- 30. Xác thực đầu vào theo yêu cầu chỉ khi nhấn một nút lệnh nhất định
Điều này chỉ hoạt động với chuột. – xdazz
Dường như không hoạt động trong IE? –
@Trekstuff mà IE? Đối với các phần tử không phải là nó chỉ được hỗ trợ trong IE từ phiên bản 8.0: https://developer.mozilla.org/en-US/docs/CSS/:active. –