এইচটিএমএল 5 ডেটালিস্ট বিকল্পগুলিতে কোনও সিএসএস শৈলী প্রয়োগ করার কোনও উপায় আছে কি?


87

আমি আমার ড্যাটিলিস্টের বিভিন্ন বিকল্পের তালিকাটি যেভাবে প্রদর্শিত হয় তা পরিবর্তন করতে চাই। এটিতে কিছু CSS বৈশিষ্ট্য প্রয়োগ করা সম্ভব?

<input list="languages" id="language_id">
<datalist id="languages">
      <option value="html">HTML</option>
      <option value="java">Java</option>
      <option value="perl">Perl</option>
      <option value="php">PHP</option>
      <option value="ruby-on-rails">Ruby on Rails</option>
</datalist>

আমি চেষ্টা করেছিলাম

option {
    background: red;
}

তবে এটি কাজ করে বলে মনে হয় না।


উত্তর:


84

নির্বাচিত উপাদানগুলির মতো , ডেটালিস্ট উপাদানটির স্টাইলিংয়ের ক্ষেত্রে খুব কম নমনীয়তা রয়েছে। যদি আপনার প্রশ্নটি জিজ্ঞাসা করে তবে আপনি প্রস্তাবিত কোনও পদকে স্টাইল করতে পারবেন না।

ব্রাউজারগুলি এই উপাদানগুলির জন্য তাদের নিজস্ব শৈলীর সংজ্ঞা দেয়।


4
প্রাসঙ্গিক: ফায়ারফক্স বিক্রেতা-নির্দিষ্ট সিএসএস এক্সটেনশনের তালিকা (যার মধ্যে উদাহরণস্বরূপ প্লেসোল্ডার রয়েছে তবে ডেটালিস্টের মতো কিছুই নেই): developer.mozilla.org/en-US/docs/Web/CSS/References/…
আনাইভস মনে করে যে এসই খারাপ

আমি আশা করি যে স্থানীয়ভাবে মৌলিক উপাদানগুলির শৈলী যেমন ড্যাটালিস্ট এবং নির্বাচনগুলি পরিবর্তন করার কোনও উপায় ছিল
t3__rr

-6

চেষ্টা করুন:

input[list]
{
  background: red;
}

4
ফায়ারফক্স 30-এ, input[list]পাঠ্যবক্সটি স্টাইল করে তবে তালিকাটি নয়। আইই 11 এ এটি পাঠ্যবক্স এবং তালিকাটিকে স্টাইল করে ।
ড্যারেন গ্রিফিথ
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.