วิธีลบคุณสมบัติสไตล์เดียวด้วย jquery

125

ฉันมี div กับคุณสมบัติstyle="-moz-user-select:none; position:static !important;"นี้ ฉันต้องการลบ-moz-user-select Tried with $ (selector) .css () แต่ฉันไม่รู้ว่าจะตั้งค่าอะไรเพราะ "ไม่มี"

jquery css

— Kreker
แหล่งที่มา

หากเป็นnoneเหตุใดคุณจึงต้องลบออก หากคุณต้องการเปลี่ยนเป็นค่าอื่นนี่คือรายการค่าที่ถูกต้อง

— ชาด

244

เอกสารประกอบสำหรับcss ()ระบุว่าการตั้งค่าคุณสมบัติสไตล์เป็นสตริงว่างจะลบคุณสมบัตินั้นออกหากไม่ได้อยู่ในสไตล์ชีต:

การตั้งค่าคุณสมบัติสไตล์เป็นสตริงว่าง - เช่น $('#mydiv').css('color', '')- ลบคุณสมบัตินั้นออกจากองค์ประกอบหากได้ถูกนำไปใช้โดยตรงแล้วไม่ว่าจะในแอตทริบิวต์สไตล์ HTML ผ่าน.css()วิธีการของ jQuery หรือผ่านการจัดการ DOM โดยตรงของคุณสมบัติสไตล์ อย่างไรก็ตามจะไม่ลบสไตล์ที่ใช้กับกฎ CSS ในสไตล์ชีตหรือ <style>องค์ประกอบ

เนื่องจากสไตล์ของคุณเป็นแบบอินไลน์คุณจึงสามารถเขียน:

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

— Frédéric Hamidi
แหล่งที่มา

21

@KevinFegandocument.getElementById('mydiv').style.removeProperty('-moz-user-select')

— xehpuk

-1

คุณยังสามารถแทนที่ "-moz-user-select: none" ด้วย "-moz-user-select: inherit" สิ่งนี้จะสืบทอดค่าสไตล์จากสไตล์พาเรนต์หรือจากสไตล์เริ่มต้นหากไม่มีการกำหนดสไตล์พาเรนต์

— dmorlock
แหล่งที่มา

3

การสืบทอดไม่ได้ถูกลบออก

— Eugen Konkov