2013-09-24 6 views
6

में प्लेसहोल्डर समस्या को संरेखित करें मेरे एंड्रॉइड एप्लिकेशन में एचटीएमएल प्रदर्शित करने के लिए वेबव्यू है। वेबव्यू में, इनपुट फ़ील्ड के लिए, हम प्लेसहोल्डर को केंद्र संरेखित करना चाहते हैं। रखकर शैलीकेंद्र एंड्रॉइड

-webkit-input-placeholder {text-align: center;} 

लेकिन प्लेसहोल्डर केंद्र संरेखित नहीं है। जब हम परीक्षण करते हैं तो यह ब्राउज़र के साथ ठीक काम कर रहा है। क्या कोई मेरी मदद कर सकता है?

उत्तर

1
::-webkit-input-placeholder {text-align: center;} 

इसे आजमाएं।

या

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
     input::-webkit-input-placeholder 
     { 
      text-align: center; 
     } 
    </style> 
</head> 
<body> 
    <input type="text" placeholder="asdf" /> 
</body> 
</html> 
+0

हाय, असुविधा के लिए खेद है जैसा कि आप सुझाव देते थे। मैंने अपना प्रश्न संपादित किया। धन्यवाद। – Pankaj

+0

ठीक है। मैं आपकी मदद करने में खुश हूं। क्या यह काम कर रहा है? –

+0

@ पंकज मुझे बताओ भाई। यह काम कर रहा है? –

3

एंड्रॉयड एक बग यहाँ :(केंद्रित सिर्फ काम नहीं करेगी, आप इस polyfill उपयोग कर सकते हैं:। https://github.com/diy/jquery-placeholder और यह "बल" विशेषता का समर्थन करता है कि विशेषता यह भी पर चलने बनाता है। ब्राउज़र कि प्लेसहोल्डर "समर्थन", एंड्रॉयड की तरह।

$('#myInput').placeholder({force:true}); 

फिर प्लगइन द्वारा प्रदान की प्लेसहोल्डर वर्ग शैली नियमित सीएसएस का उपयोग

.placeholder{ 
    text-align: center; 
} 
संबंधित मुद्दे