इनपुट सीएसएस

Question

का उपयोग करके टेक्स्ट दर्ज करते समय इनपुट शैली बदलें, मैं एक पृष्ठ स्टाइल कर रहा हूं जहां मुझे केवल सीएसएस फाइलों तक पहुंच दी गई है।

यदि यह मान खाली नहीं है तो मैं इनपुट तत्व की शैली को बदलना चाहता हूं।

यहाँ मैं अब तक राशि है ...

<input id="myInput" type="text" name="myInput" autocomplete="off" placeholder="Enter your Card Number"> 

और

input { 
    font-style:italic; 
} 

input:not([value='']) { 
    font-style:normal; 
} 

यह हालांकि काम नहीं करता है के रूप में पाठ इटालिक कभी नहीं है।

क्या यह ध्यान में रखना संभव है कि मैं केवल सीएसएस फ़ाइल संपादित कर सकता हूं।

Answer 1

ऐसा लगता है कि आप उपयोग कर रहे एचटीएमएल 5 ... तो बस अपने प्लेसहोल्डर टैग संपादित करता है, तो

::-webkit-input-placeholder {font-style: italic} /*Chrome */ 
:-moz-placeholder {font-style: italic} /*ff*/ 
:-ms-input-placeholder {font-style: italic} /*ie latest */ 

JSFIDDLE:

http://jsfiddle.net/Riskbreaker/wCff9/

Answer 2

हो सकता है कि आप इस हैं:

input::-webkit-input-placeholder { 
    font-style: italic; 
} 
input[type=text] { 
    font-style:normal; 
} 

http://jsfiddle.net/Le6XM/1/

Answer 3

मुझे लगता है कि आप जो करना चाहते हैं वह स्थान धारक शैली है। इसे आज़माएं!

 input { 
      font-style:italic; 
     } 

     ::-webkit-input-placeholder { 
      font-style:normal; 
     } 

     :-moz-placeholder { /* Firefox 18- */ 
      font-style:normal; 
     } 

     ::-moz-placeholder { /* Firefox 19+ */ 
      font-style:normal; 
     } 

     :-ms-input-placeholder { 
      font-style:normal; 
     }