Làm thế nào để loại bỏ chỉ một thuộc tính phong cách với jquery


123

Tôi có một div với tài sản này style="-moz-user-select:none; position:static !important;". Tôi cần xóa -moz-user-select Tried với $ (bộ chọn) .css () nhưng tôi không biết nên đặt giá trị nào vì đó là "không".


Nếu đó là nonelý do tại sao bạn cần phải loại bỏ nó? Nếu bạn cần thay đổi nó thành một giá trị khác thì đây là danh sách các giá trị hợp lệ
Chad

Câu trả lời:


241

Tài liệu cho css () nói rằng việc đặt thuộc tính kiểu thành chuỗi trống sẽ xóa thuộc tính đó nếu nó không nằm trong biểu định kiểu:

Đặt giá trị của thuộc tính kiểu thành một chuỗi trống - ví dụ: $('#mydiv').css('color', '')loại bỏ thuộc tính đó khỏi một phần tử nếu nó đã được áp dụng trực tiếp, cho dù trong thuộc tính kiểu HTML, thông qua .css()phương thức của jQuery hoặc thông qua thao tác DOM trực tiếp của thuộc tính kiểu. Tuy nhiên, nó không xóa một kiểu đã được áp dụng với quy tắc CSS trong biểu định kiểu hoặc <style>phần tử.

Vì phong cách của bạn là nội tuyến, bạn có thể viết:

$(selector).css("-moz-user-select", "");

21
@KevinFegandocument.getElementById('mydiv').style.removeProperty('-moz-user-select')
xehpuk 28/07/14

-1

Bạn cũng có thể thay thế "-moz-user-select: none" bằng "-moz-user-select: inherit". Điều này sẽ kế thừa giá trị kiểu từ bất kỳ kiểu cha hoặc từ kiểu mặc định nếu không xác định kiểu cha.


3
kế thừa là không loại bỏ
Eugen Konkov
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.