css एचटीएमएल 5 datalist विकल्पों पर एक सीएसएस शैली लागू करने का कोई तरीका है?




html5 option (2)

मैं इस तरीके को संशोधित करना चाहता हूं कि मेरे डातालिस्ट के विभिन्न विकल्पों की सूची प्रदर्शित की जा रही है। क्या कुछ सीएसएस गुणों पर इसे लागू करना संभव है?

<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;
}

लेकिन यह काम नहीं लग रहा है।


चुनिंदा तत्वों की तरह, स्टाइलिंग में डातालिस्ट तत्व बहुत कम लचीलापन है। यदि आपका प्रश्न पूछ रहा था तो आप किसी भी सुझाए गए पदों को स्टाइल नहीं कर सकते हैं।

ब्राउज़र इन तत्वों के लिए अपनी शैली को परिभाषित करते हैं।


प्रयत्न:

input[list]
{
  background: red;
}




html-datalist