यदि मेरे पास ऑप्टन की एक सूची है, तो मैं <option>
को प्रभावित करने के लिए {content: ''} से पहले सीएसएस छद्म-तत्व का उपयोग कैसे कर सकता हूं? नीचे तीन विकल्प हैं जिन्हें मैं प्रत्येक से पहले टेक्स्ट सम्मिलित करना चाहता हूं।मैं <option> तत्व को प्रभावित करने के लिए {content: ''} से पहले सीएसएस छद्म-तत्व का उपयोग कैसे कर सकता हूं?
मुझे पता है कि यह बुद्धि जावास्क्रिप्ट/jQuery किया जा सकता है, लेकिन क्या यह सीएसएस के साथ संभव है?
<html>
<head>
<style>
option::before {
content: "sandy - "
}
</style>
</head>
<body>
<select>
<option>beach</option>
<option>field</option>
<option>carpet</option>
</select>
</body>
</html>
जैसा कि उनके जवाब में j08691 द्वारा उल्लिखित है, 'पहले' CSS3 के लिए नया नहीं है। इसे "छद्म-तत्व" भी कहा जाता है - मूल प्रश्न में "छद्म" टैग शायद वहां है क्योंकि आपको [छद्म चयनकर्ता] नहीं मिल सका - ऐसा इसलिए है क्योंकि वह टैग जला दिया गया है। – BoltClock