<ইনপুট টাইপ = "?" এর জন্য সিএসএস নির্বাচক?


105

সিএসএসের সাথে কোনও উপায় কী তাদের ধরণের ভিত্তিতে সমস্ত ইনপুট লক্ষ্যবস্তু করে? আমার একটি প্রতিবন্ধী বর্গ রয়েছে যা আমি বিভিন্ন অক্ষম ফর্ম উপাদানগুলিতে ব্যবহার করি এবং আমি পাঠ্য বাক্সগুলির জন্য পটভূমি রঙ সেট করছি তবে আমি চাই না যে আমার চেকবক্সগুলি সেই রঙটি পেতে পারে।

আমি জানি আমি পৃথক ক্লাসে এটি করতে পারি তবে সম্ভব হলে আমি সিএসএস ব্যবহার করব। আমি নিশ্চিত, আমি এটি জাভাস্ক্রিপ্টে সেট করতে পারি তবে আবার CSS এর সন্ধান করছি।

আমি আই 7 + কে টার্গেট করছি। সুতরাং আমি CSS3 ব্যবহার করতে পারি বলে মনে করি না।

সম্পাদন করা

সিএসএস 3 এর সাথে আমি কি এমন কিছু করতে সক্ষম হব?

INPUT[type='text']:disabled এটি আরও ভাল আমার ক্লাস পুরোপুরি পরিত্রাণ পেতে হবে ...

সম্পাদন করা

সাহায্যের জন্য ধন্যবাদ! সুতরাং এখানে এমন একটি নির্বাচক আছেন যা সমস্ত পাঠ্যবাক্স এবং ক্ষেত্রগুলিকে কোনও শ্রেণি নির্ধারণের প্রয়োজন ছাড়াই অক্ষম করে দিয়েছে, যখন আমি এই প্রশ্নটি শুরু করি আমি কখনই ভাবিনি যে এটি সম্ভব ছিল ...

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

এটি আই 7 এ কাজ করে


2
আমি সিএসএস অ্যাট্রিবিউট সিলেক্টর সম্পর্কে কিছু বিশদ তথ্য সহ একটি নিবন্ধ লিখেছি ।
সরফরাজ

উত্তর:


155

হ্যাঁ. আই 7 + বৈশিষ্ট্য নির্বাচনকারীদের সমর্থন করে:

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

অ্যাট্রিবিউট টাইপের সাথে এলিমেন্ট ইনপুটটিতে একটি মান রয়েছে যা সমান, শুরু হয়, একটি নির্দিষ্ট মান দিয়ে থাকে বা শেষ হয়।

অন্যান্য নিরাপদ (আই 7 +) নির্বাচকরা হলেন:

  • অভিভাবক> যে শিশুটি: 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>

আরও পড়ুন: quirksmode.com এ ব্রাউজার সিএসএসের সামঞ্জস্য

আমি অবাক হয়েছি যে প্রত্যেকে ভাবেন যে এটি করা যায় না। সিএসএস অ্যাট্রিবিউট সিলেক্টর ইতিমধ্যে কিছু সময়ের জন্য এখানে রয়েছে। আমি অনুমান করি যে সময়টি আমরা আমাদের .css ফাইলগুলি পরিষ্কার করি।


ঠিক আছে আমি এটি চেষ্টা করেছিলাম কিন্তু এটি কাজ করে না এটি এখন এটি কাজ করছে তাই আমার অবশ্যই আমার সিনট্যাক্সটি গোলমাল করতে হবে।
জোশবার্কে

তুমি আমার দিন টাকে সুন্দর করেছ! এখন আপনি যদি আমার সপ্তাহটি আমাকে
জানানতে চান তবে তিনি

13
দুর্ভাগ্যক্রমে এটি পারে না। আমি ধর্মীয় দৃষ্টিভঙ্গি বাদ দিয়ে আইই 6 সমর্থন করা বন্ধ করে দিয়েছি এবং আমরা সবাইকে কাজ করার পরামর্শ দিচ্ছি। আজ আমি আইআই শর্তযুক্ত মন্তব্য ব্যবহার করে ব্যবহারকারীদের জানাতে যে তাদের কম্পিউটার এবং গোপনীয়তা আই 6 ব্যবহারের জন্য ঝুঁকিতে রয়েছে এবং তাদের অবিলম্বে আপগ্রেড করা উচিত: পি
ফিলিপ দুপানভিভি

1
আমি অনুমান করি আমি আই 6 কে সমর্থন করার জন্য এতটাই অভ্যস্ত হয়েছি আমি কেবল ধরে নিয়েছি এটি আই 7 এও কাজ করবে না
টিজে এল

4
আমি আশা করি আমি আইআই 6 কে সমর্থন দেওয়া বন্ধ করতে পারব তবে আপনি যা বলেছিলেন তেমন করতে পারব না এবং করতে পারব না ... তবে আমি সত্যিই সত্যই ইচ্ছা করি আমি পারতাম ;-)
জোশবার্ক

3

দুঃখজনকভাবে অন্য পোস্টারগুলি সঠিক যে আপনি ... আসলে কেআরন দ্বারা সংশোধন করা হয়েছে, আপনি আপনার আই 7 এবং একটি কঠোর ডকের সাথে ঠিক আছেন, তবে আইআই 6 প্রয়োজনীয়তার সাথে আমাদের বেশিরভাগই এর জন্য জেএস বা শ্রেণি রেফারেন্সগুলিতে হ্রাস পেয়েছে তবে এটি হ'ল আই এস ^ এইচ ^ এইচ ব্রাউজারগুলির যথেষ্ট সমর্থন ব্যতীত একটি সিএসএস 2 সম্পত্তি।

সম্পূর্ণতার বাইরে, টাইপ সিলেক্টর - ফর্মের xpath এর অনুরূপ [attribute=value]তবে অনেক আকর্ষণীয় রূপ রয়েছে exist এটা তোলে হবে বেশ শক্তিশালী হতে যখন এটি উপলব্ধ, ভাল জিনিস IE8 জন্য আপনার মাথা রাখা।


আপনার কাছে আরও আপডেট হওয়া ব্রাউজার সমর্থন রেফারেন্স রয়েছে?
আইই

আইই 8 এখনও বিটাতে রয়েছে, তবে কুইরসকোডটি "হ্যাঁ" বলেছে: quirksmode.org/css/contents.html
অনাকাটা

আমি এখনও আই 6 সমর্থন করছি কেবল এটি যুক্ত করা ক্ষুদ্র ভিজ্যুয়াল টুইট নয়।
জোশবার্কে

যথেষ্ট ন্যায্য, শিরোনামের উপর ভিত্তি করে উত্তর দেওয়া আমার ভুল ছিল, আমি সাধারণ মামলার উত্তর দেওয়ার
প্রবণতা পোষণ

1

আপনি jQuery দিয়ে এটি করতে পারেন। তাদের নির্বাচকগুলি ব্যবহার করে, আপনি টাইপ হিসাবে বৈশিষ্ট্য দ্বারা নির্বাচন করতে পারেন। এটির জন্য অবশ্য আপনার ব্যবহারকারীদের জাভাস্ক্রিপ্ট চালু এবং একটি অতিরিক্ত ফাইল ডাউনলোড করার দরকার আছে, তবে এটি যদি কাজ করে ...


0

দুঃখিত, সংক্ষিপ্ত উত্তরটি হ'ল না। সিএসএস (২.১) কেবল কোনও ডিওএম এর উপাদানগুলিকে চিহ্নিত করবে, তাদের বৈশিষ্ট্যগুলি নয়। আপনাকে প্রতিটি ইনপুটটিতে একটি নির্দিষ্ট শ্রেণি প্রয়োগ করতে হবে।

বামার আমি জানি, কারণ এটি অবিশ্বাস্যভাবে কার্যকর হবে।

আমি জানি আপনি বলেছেন যে আপনি জাভাস্ক্রিপ্টের চেয়ে সিএসএস পছন্দ করবেন তবে আপনার এখনও jQuery ব্যবহারের কথা বিবেচনা করা উচিত। এটি বৈশিষ্ট্যের উপর ভিত্তি করে ডিওএম উপাদানগুলিতে শৈলী যুক্ত করার একটি খুব পরিষ্কার এবং মার্জিত উপায় সরবরাহ করে।


jquery হ'ল এটি করার উপায়, বা সাধারণভাবে জাভাস্ক্রিপ্ট
ট্র্যাভিসো

4
আফিকা, এই উত্তরটি ভুল (সিএসএস 2.1 অংশ): w3.org/TR/CSS21/selector.html#attribute-selectors । যদি তা না হয় তবে দয়া করে আপনার উত্তরটি পরিষ্কার করুন।
cic

1
দুঃখিত - আপনি ঠিক বলেছেন। আমি কেবল আই 7 এর থেকে কমপক্ষে প্রত্যাশা করি কারণ প্রায়শই বিকাশকারীদের একই সময়ে আই 6 6 সমর্থন করা প্রয়োজন। প্রশ্নটি আরও মনোযোগ সহকারে পড়া এবং আমার হোমওয়ার্ক করা উচিত ছিল।
ফিলিওহিলার
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.