বিকাশকারী সরঞ্জামগুলির সাহায্যে ওয়েবকিট-ইনপুট-প্লেসোল্ডারটি পরীক্ষা করুন


225

নিম্নলিখিত সহ কোনও পাঠ্য ইনপুটটির স্থানধারীর স্টাইল করা সম্ভব:

-webkit-input-placeholder {
    color: red;
}

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

আমি যখন Chrome ডিভাইসগুলির সাহায্যে উপাদানটি পরীক্ষা করি, তখন আমি দেখতে পাই:

এখানে চিত্র বর্ণনা লিখুন

ইনপুট উপাদানটি পরিদর্শন করার সময় দেব সরঞ্জামগুলি স্থানধারক উপাদান সম্পর্কিত তথ্য সরবরাহ করে না। অন্য উপায় আছে?



16
না ... আমি প্রশ্নে স্পষ্টভাবে জানিয়েছি যে কীভাবে এটি পরিবর্তন করতে হবে সে সম্পর্কে আমি সচেতন, তবে আমি কীভাবে অন্য ব্যক্তির বৈশিষ্ট্যগুলি পরিদর্শন করব তা ভাবছি। এমনকি আমি এটির একটি কোড নমুনাও সরবরাহ করি যা আমি এটি পরিবর্তন করতে জানি know
শান অ্যান্ডারসন

ওয়েবসাইট কি? স্থানধারক যেহেতু ছদ্ম-উপাদান, তাই উপাদানটি পরীক্ষা করার সময় আপনার স্টাইলগুলি দেখতে পারা উচিত।
cport1

উত্তর:


457

আমি এটি বের করেছিলাম।

কৌশলটি হ'ল ক্রোম বিকাশকারী সরঞ্জামগুলির সেটিংস প্যানেলে 'ব্যবহারকারী এজেন্ট ছায়া ডিওএম দেখান' সক্ষম করতে হবে:

এখানে চিত্র বর্ণনা লিখুন

সেটিংসে যেতে, আপনার দেব সরঞ্জাম প্যানেলের উপরের ডানদিকে "⋮" বোতামটি ক্লিক করুন, তারপরে সেটিংস ক্লিক করুন, এবং এটি ডিফল্ট পছন্দসমূহ ট্যাব এর অধীনে।

এটি দিয়ে আপনি এখন এটি দেখতে পারবেন:

এখানে চিত্র বর্ণনা লিখুন


5
সেটিংটি 62-এ রয়েছে এবং এটি সুন্দরভাবে কাজ করে।
ইশারউড

ক্রোম 67 এবং আপনার সমাধানটি প্রযোজ্য
জেফ্রেগ

@gefrag আমি ক্রোম 67 ব্যবহার করি তবে এই বিকল্পটি খুঁজে পাচ্ছি না। আপনি এখন কোন ট্যাবে এটি দয়া করে দয়া করে পারেন?
বেন কার্প

যে কেউ ::placeholderছদ্ম-উপাদানটি দেখতে পাবেন যেগুলি এখন বিস্তৃতভাবে সমর্থিত?

2
এই উত্তরে উল্লিখিত ওয়ার্কফ্লোটি @ স্ব্রোবেল আপনাকে পরিদর্শন করতে দেয় ::placeholder। এই সম্পর্কিত উত্তর দেখুন
কায়েস বাসকস

31
  1. গুগল ক্রোম সংস্করণ 69 এর জন্য:
  2. পরিদর্শন উপাদানগুলি খুলুন: ম্যাক ⌘ + শিফট + সি, উইন্ডোজ / লিনাক্সে সিআরটিএল + শিফট + সি বা এফ 12 এ।
  3. উপরের ডানদিকে "⋮" বোতামটি ক্লিক করুন তারপরে সেটিংসে যান
  4. সেটিংসে পছন্দসমূহে ক্লিক করুন> ব্যবহারকারী এজেন্ট শ্যাডো ডিওমে ক্লিক করুন

নীচের চিত্রগুলি প্রক্রিয়াটি দেখায়:

সেটিংস> অগ্রাধিকারগুলিতে যান:
সেটিংস> পছন্দসমূহ এ যান

ব্যবহারকারী এজেন্ট শ্যাডো ডিওমে ক্লিক করুন:
এখানে চিত্র বর্ণনা লিখুন

স্থানধারকের সিএসএস দেখুন:
এখানে চিত্র বর্ণনা লিখুন

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.