CSS để di chuột bao gồm tất cả các phần tử con

Question

Tôi có phần tử div có thể kéo với kiểu di chuột. Điều này hoạt động tốt, nhưng div chứa một số yếu tố hình thức (nhãn, đầu vào). Vấn đề là khi chuột vượt qua các phần tử con này thì di chuột bị vô hiệu hóa.

<div class="app_setting"> 
    <label">Name</label> 
    <input type="text" name="name"/> 
</div> 

.app_setting:hover { 
    cursor:move; 
} 

Bất kỳ ý tưởng nào để di chuột cũng áp dụng cho các phần tử con?

Answer 1

.app_setting *:hover { cursor:move } 

Answer 2

Ít nhất 2 cách để làm việc đó:

• bang di chuột cho mỗi đứa trẻ, hoặc rõ ràng hoặc với * chọn, theo đề nghị của Garrow .class *:hover
• thác trạng thái hover cho trẻ em .class:hover *

Có thể có những người khác

Answer 3

Bạn có thể phải sử dụng JS để biến nó thành hiện thực cho IE6.

Answer 4

Đây không phải là câu trả lời css, nhưng nó vẫn có thể hữu ích cho bạn.

Một người nào khác đã đề xuất rằng bạn có thể phải sử dụng javascript để tương thích với trình duyệt. Nếu bạn làm khu nghỉ mát để javascript, bạn có thể sử dụng thư viện jquery để làm cho nó dễ dàng.

$(".appsetting").hover(hoverInFunc,hoverOutFunc);

này thiết lập một event handler cho lơ lửng vào và ra khỏi các yếu tố được lựa chọn (s) như kết hợp bởi bộ chọn phong cách css trong $() gọi.