Làm thế nào để bạn chỉnh sửa CSS trong IE Developer Tools?


11

Tôi đang sử dụng các công cụ dành cho Nhà phát triển của Internet Explorer để cố gắng gỡ lỗi một vấn đề tôi gặp phải với một trang web.

Khi tôi làm nổi bật các yếu tố, CSS xuất hiện ở phía bên tay phải nhưng dường như tôi không thể thêm các quy tắc mới hoặc chỉnh sửa CSS hiện có.

Cố gắng thêm thuộc tính "display: block" vào một lớp, tôi đã cố chỉnh sửa một quy tắc hiện có không quan trọng (màu nền: trong suốt) nhưng ngay khi tôi thay đổi, quy tắc sẽ biến mất!

Tôi có thiếu một mẹo ở đây không?

Câu trả lời:


15

Để bổ sung nhanh chóng để kiểm tra và xem hiệu quả tôi làm nó hơi khác một chút.

Với tab HTML được chọn, chọn bảng "Thuộc tính" bên cạnh Kiểu, Dấu vết và Bố cục.

Nhấp vào nút "+" và bắt đầu nhập kiểu css bạn muốn thêm. Thuộc tính kiểu mới được thêm tự động trong bảng xem DOM.

Hi vọng điêu nay co ich.


đôi khi phải mất một thời gian dài để thực sự cập nhật trang bạn đang xem. Có thể cần phải nhấp vào các yếu tố khác nhau và quay lại cái bạn đã chỉnh sửa để thấy nó thay đổi, theo kinh nghiệm của tôi
Don Cheadle

0

Kiểm tra CSS của bạn có hợp lệ hay không có các quy tắc xung đột - từ những gì tôi nhớ, lần cuối cùng tôi sử dụng Công cụ dành cho nhà phát triển IE, nó sẽ xóa ngay cả các thẻ không hợp lệ và các thẻ tùy chỉnh không sử dụng trong một số trường hợp.

Cá nhân tôi bây giờ thích sử dụng Fireorms trong Firefox và các công cụ Phát triển Chrome được tích hợp trong Chrome - Tôi không thực sự yêu thích, nhưng tôi thấy Fireorms tốt hơn cho css / design và Chrome tốt hơn cho cookie / script, v.v.


Vấn đề là: nếu tôi không thể thêm quy tắc CSS mới, làm cách nào để thay đổi quy tắc từ nói background-color: transparentsang display: blockmà không hợp lệ trên đường đi? Ngay khi tôi gõ displaythì IE nghĩ quy tắc - display: transparent- không hợp lệ.
DisgruntledGoat

: S Bạn có thể xóa / vô hiệu hóa / làm hộp kiểm trên đầu tiên không? (xin lỗi, quên tùy chọn nào bạn nhận được)
William Hilsum
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.