2015-06-03 13 views
5

के अंदर एक विशिष्ट अक्षर को लक्षित करना मेरे पास <input type="text" placeholder="Name*"> जैसे फ़ील्ड फ़ील्ड हैं। तब मेरे पास प्लेसहोल्डर पर सीएसएस लगाया गया है, इसलिए यह भूरा है। हालांकि, मैं तारांकन (*) को लाल होने के लिए बदलना चाहता हूं। मैं jQuery या जावास्क्रिप्ट के साथ विशेषता के अंदर केवल एक ही चरित्र को कैसे लक्षित करूं?jQuery - फॉर्म फ़ील्ड प्लेसहोल्डर विशेषता

उत्तर

4

यहाँ आप मुझे

<!DOCTYPE html> 

    <head> 
     <meta charset="utf-8"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 


     <style> 
     input::-webkit-input-placeholder:after { 
     content: '*'; color: red; 
     } 
     </style> 
    </head> 
    <body> 
     <input type="text" placeholder="Name"></input> 

    <script> 

    </script> 

    </body> 
    </html> 
+0

इसके अलावा यहां http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder देखना -color-with-css – Treesrule14

+0

केवल वेबकिट के लिए काम करता है .. फ़ायरफ़ॉक्स या IE नहीं –

3

::first-letter तो सीएसएस केवल है और नहीं::last-letter स्टाइल के लिए काम करता है जाना ... ::first-letter अंतिम अक्षर के लिए लागू करने के लिए आपको दिशा बदलकर एक चाल करना पाठ की तो जैसे:

::-webkit-input-placeholder { 
    unicode-bidi: bidi-override; 
    direction: rtl; 
    text-align: left; 
} 
::-webkit-input-placeholder::first-letter { /* WebKit browsers */ 
    color: red; 
} 

इस के साथ समस्या यह है कि आप और आपके प्लेसहोल्डर विशेषता रिवर्स करने की आवश्यकता होगी कि आप एक का उपयोग नहीं कर सकता है तारांकन क्योंकि इसे दंड माना जाता है। लेकिन आप यूनिकोड वर्ण का उपयोग कर सकते हैं:) ...

<input type="text" placeholder="★ emaN"> 

यहाँ JSFiddle है: http://jsfiddle.net/988aejrg/1/

संबंधित मुद्दे