CSS Selector สำหรับ <input type =“?”

มีวิธีใดบ้างที่ CSS จะกำหนดเป้าหมายอินพุตทั้งหมดตามประเภท ฉันมีคลาสปิดการใช้งานที่ฉันใช้กับองค์ประกอบฟอร์มที่ปิดใช้งานต่างๆและฉันกำลังตั้งค่าสีพื้นหลังสำหรับกล่องข้อความ แต่ฉันไม่ต้องการให้ช่องทำเครื่องหมายของฉันได้รับสีนั้น

ฉันรู้ว่าฉันสามารถทำได้โดยแยกชั้นเรียน แต่ฉันควรใช้ CSS ถ้าเป็นไปได้ ฉันแน่ใจว่าฉันสามารถตั้งค่านี้ใน javascript ได้ แต่กำลังมองหา CSS อีกครั้ง

ฉันกำหนดเป้าหมาย IE7 + ฉันไม่คิดว่าฉันจะใช้ CSS3 ได้

แก้ไข

ด้วย CSS3 ฉันจะทำอะไรได้บ้าง?

INPUT[type='text']:disabled นั่นจะเป็นการดีกว่าที่จะกำจัดชั้นเรียนของฉันโดยสิ้นเชิง ...

แก้ไข

โอเคขอบคุณสำหรับความช่วยเหลือ! นี่คือตัวเลือกที่แก้ไขกล่องข้อความและพื้นที่ทั้งหมดที่ถูกปิดใช้งานโดยไม่ต้องตั้งค่าคลาสใด ๆ เมื่อฉันเริ่มคำถามนี้ฉันไม่เคยคิดว่ามันจะเป็นไปได้ ...

INPUT[disabled][type='text'], TEXTAREA[disabled]
{   
    background-color: Silver;
}

ใช้งานได้ใน IE7

ใช่. IE7 + รองรับตัวเลือกแอตทริบิวต์:

input[type=radio]
input[type^=ra]
input[type*=d]
input[type$=io]

อินพุตองค์ประกอบที่มีประเภทแอตทริบิวต์ซึ่งมีค่าที่เท่ากับเริ่มต้นด้วยประกอบด้วยหรือลงท้ายด้วยค่าที่แน่นอน

ตัวเลือกอื่น ๆ ที่ปลอดภัย (IE7 +) ได้แก่ :

• ผู้ปกครอง> เด็กที่มี: p > span { font-weight: bold; }
• นำหน้าด้วยองค์ประกอบ ~ ซึ่ง ได้แก่ : span ~ span { color: blue; }

ซึ่ง<p><span/><span/></p>จะช่วยให้คุณ:

<p>
    <span style="font-weight: bold;">
    <span style="font-weight: bold; color: blue;">
</p>

อ่านเพิ่มเติม: ความเข้ากันได้ของเบราว์เซอร์ CSS บน quirksmode.com

ฉันแปลกใจที่คนอื่นคิดว่ามันทำไม่ได้ ตัวเลือกแอตทริบิวต์ CSS อยู่ที่นี่มาระยะหนึ่งแล้ว ฉันเดาว่าถึงเวลาที่เราจะล้างไฟล์. css ของเรา

น่าเศร้าที่ผู้โพสต์อื่น ๆ ถูกต้องว่าคุณ ... จริงแล้วตามที่แก้ไขโดย kRON คุณก็โอเคกับ IE7 และเอกสารที่เข้มงวด แต่พวกเราส่วนใหญ่ที่มีข้อกำหนด IE6 จะลดลงเป็น JS หรือการอ้างอิงคลาสสำหรับสิ่งนี้ แต่ก็เป็นเช่นนั้นคุณสมบัติ CSS2 เพียงหนึ่งเดียวโดยไม่ต้องรองรับเบราว์เซอร์ IE ^ h ^ h อย่างเพียงพอ

ตัวเลือกประเภทไม่สมบูรณ์ - คล้ายกับ xpath - ของแบบฟอร์ม[attribute=value]แต่มีตัวแปรที่น่าสนใจมากมาย มันจะมีประสิทธิภาพมากเมื่อมันพร้อมใช้งานสิ่งที่ดีที่ควรเก็บไว้ในหัวของคุณสำหรับ IE8

• การอ้างอิง w3

• ข้อมูลอ้างอิงการสนับสนุนเบราว์เซอร์

คุณสามารถทำได้ด้วย jQuery เมื่อใช้ตัวเลือกคุณสามารถเลือกตามแอตทริบิวต์เช่นประเภท อย่างไรก็ตามสิ่งนี้ต้องการให้ผู้ใช้ของคุณเปิด Javascript และต้องดาวน์โหลดไฟล์เพิ่มเติม แต่ถ้ามันใช้งานได้ ...

ขออภัยคำตอบสั้น ๆ คือไม่ CSS (2.1) จะมาร์กอัปเฉพาะองค์ประกอบของ DOM เท่านั้นไม่ใช่แอตทริบิวต์ คุณจะต้องใช้คลาสเฉพาะกับแต่ละอินพุต

ฉันรู้เพราะนั่นจะมีประโยชน์อย่างไม่น่าเชื่อ

ฉันรู้ว่าคุณบอกว่าคุณต้องการ CSS มากกว่า JavaScript แต่คุณควรพิจารณาใช้ jQuery เป็นวิธีที่สะอาดและสวยงามมากในการเพิ่มสไตล์ให้กับองค์ประกอบ DOM ตามแอตทริบิวต์