2009-12-15 12 views
11

निम्नलिखित सीएसएस एफएफ में काम करता है, लेकिन आईई (कम से कम 8.0) में नहीं, मैं यह कैसे सुनिश्चित कर सकता हूं कि पाठ IE8.0 के लिए केंद्र में संरेखित हो? धन्यवाद!!!आईई में केंद्र में विकल्प टेक्स्ट संरेखित करने का चयन कैसे करें?

select, option { 
    text-align: center; 
} 

उत्तर

12

दुर्भाग्य से, आप IE में SELECT आइटम के संरेखण को बदल नहीं सकते, हालांकि यह मुझे तो हैरानी है कि आईई 8 इस बुरी आदत रहता है।

+2

चारों ओर कोई रास्ता नहीं है ?! – WilliamLou

2

यह देखते हुए कि इस IE में संभव नहीं है, मुझे लगता है कि आप का सहारा लेना होगा:

  1. अपने स्वयं के चयन विजेट को लागू करने। ऐसे कई जेएस पुस्तकालय हैं जो ऐसा करते हैं, अधिकतर क्योंकि चयन इनपुट शैली के लिए कठिन होते हैं।

  2. छोटे विकल्पों के सामने उचित सफेद स्थान डालें।

संपादित करें: लग रहा है खाली स्थान के तरह काम नहीं करता है, लेकिन एचटीएमएल अंतरिक्ष करता है:

<SELECT> 
    <OPTION>&nbsp;&nbsp;&nbsp;SMALL</OPTION> 
    <OPTION>&nbsp;&nbsp;LARGER</OPTION> 
</SELECT> 

काफी हैक है यही कारण है कि ...

+1

व्हाइटस्पेस काम नहीं करता है, आईई उन्हें आइटम के दाईं ओर जोड़ता है - किसी भी कारण से ... –

-1

आप एक वर्ग बनाने के लिए और का उपयोग कर इसे कॉल कर सकते हैं 'शैली टैग' विकल्प क्षेत्र में ::

उदाहरण के लिए: -।

<style type="text/css"> 
select { width: 400px; text-align:center; } 
select .lt { text-align:left; } 
</style> 




<select name="state" class="ddList"> 
<option value="">(please select a state)</option> 
<option class="lt" value="--">none</option> 
<option class="lt" value="AL">Alabama</option> 
<option class="lt" value="AK">Alaska</option> 
<option class="lt" value="AZ">Arizona</option> 
<option class="lt" value="AR">Arkansas</option> 
<option class="lt" value="CA">California</option> 
<option class="lt" value="CO">Colorado</option> 
</select> 
+0

यह समाधान आईई पर असफल प्रश्न के लेखक की तरह विफल रहता है। इस तथ्य के बारे में भी बात नहीं करना कि वह अपनी इच्छा के प्रति वफादार नहीं है: न केवल चयन में पाठ को बल्कि विकल्पों में केंद्रित ... – Daniel

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