আমি ইনপুট উপাদানগুলির জন্য কিছু সিএসএস প্রয়োগ করতে চাই এবং আমি এটি করতে চাই কেবলমাত্র ইনপুটগুলির জন্য যা অক্ষম নয় এবং প্রকার জমা দেয় না, নীচে সিএসএস কাজ করছে না, যদি কেউ আমাকে ব্যাখ্যা করতে পারে তবে কীভাবে এটি যুক্ত করা উচিত।
input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}উত্তর:
পরিবর্তে:
input:not(disabled)not:[type="submit"]:focus {}ব্যবহার করুন:
input:not([disabled]):not([type="submit"]):focus {}disabledএটি একটি বৈশিষ্ট্য তাই এটি বন্ধনীগুলির প্রয়োজন, এবং আপনি :not()নির্বাচকটিতে কলোন এবং বন্ধনী মিশ্রিত / হারিয়েছেন বলে মনে হচ্ছে ।
ডেমো: http://jsfiddle.net/HSKPx/
একটি বিষয় লক্ষণীয়: আমি ভুল হতে পারি, তবে আমি মনে করি না disabledইনপুটগুলি সাধারণত ফোকাস পেতে পারে, যাতে সেই অংশটি অতিরিক্ত কাজ হতে পারে।
বিকল্পভাবে, ব্যবহার করুন :enabled
input:enabled:not([type="submit"]):focus { /* styles here */ }আবার, আমি এমন কোনও ক্ষেত্রে ভাবতে পারি না যেখানে অক্ষম ইনপুট ফোকাস পেতে পারে, তাই এটি অপ্রয়োজনীয় বলে মনে হয়।
:not([disabled])ভিএস ব্যবহারের মধ্যে কি কোনও পার্থক্য রয়েছে? :not(:disabled)?
আপনার বাক্য গঠনটি বেশ চতুর।
এই পরিবর্তন:
input:not(disabled)not:[type="submit"]:focus{প্রতি:
input:not(:disabled):not([type="submit"]):focus{দেখে মনে হচ্ছে যে অনেক লোক উপলব্ধি করে না :enabledএবং :disabledতারা বৈধ সিএসএস নির্বাচক ...
input:enabled:not([type="submit"]):focus{?
আপনার নির্বাচনের কয়েকটি টাইপ রয়েছে। এটা করা উচিত:input:not([disabled]):not([type="submit"]):focus
ধারণার প্রমাণের জন্য এই jsFizz দেখুন । সাইডেনোটে, যদি আমি "ব্যাকগ্রাউন্ড-রঙ" বৈশিষ্ট্যটি সরিয়ে ফেলি তবে বাক্সের ছায়া আর কাজ করে না। নিশ্চিত কেন।