वहाँ HTML5 datalist विकल्पों पर एक सीएसएस शैली लागू करने के लिए एक रास्ता है?


86

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

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

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


जवाबों:


83

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

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


4
प्रासंगिक: फ़ायरफ़ॉक्स विक्रेता विशिष्ट सीएसएस एक्सटेंशन की सूची (जो जैसे प्लेसहोल्डर शामिल है, लेकिन ऐसा कुछ नहीं DataList): developer.mozilla.org/en-US/docs/Web/CSS/Reference/...
ANeves सोचता है कि एसई बुराई है

काश,
डटिस्ट

-6

प्रयत्न:

input[list]
{
  background: red;
}

5
फ़ायरफ़ॉक्स 30 में, input[list]टेक्स्टबॉक्स को स्टाइल करता है, लेकिन सूची को नहीं। IE 11 में, यह टेक्स्टबॉक्स और सूची को स्टाइल करता है ।
डैरेन ग्रिफ़िथ
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.