2011-08-13 20 views
9

मैं छाप हॉवर पर एक लंगर टैग बदल इस तरह से किया जा सकता है कि के तहत हूं मंडराना:इनलाइन सीएसएस और

a:hover {background: #FFDD00;} 
a:hover {color: #AAAAAA;} 

मुझे सही अगर मैं गलत हूँ।

अब, कुछ ठोस कारणों से, मैं उस कोड को स्टाइल शीट में नहीं डाल सकता, मुझे इसे वास्तविक HTML में रखना होगा। मुझे यह कैसे करना है?

<a href="..." style="___???___">...</a> 
+0

संभावित डुप्लिकेट [कैसे लिखें: इनलाइन सीएसएस में होवर?] (Http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css) – user

उत्तर

9

ऐसा करने का कोई तरीका नहीं है।

इनलाइन सीएसएस :hover जैसे छद्म-वर्गों को छू नहीं सकता है।

मैं अनुमान लगा रहा हूं कि आप ऐसा करना चाहते हैं क्योंकि आप HTML के <body> को संपादित कर सकते हैं (किसी भी कारण से)। क्या आप कर सकते हैं कर एक style तत्व जोड़ है:

<style> 
a:hover { 
    background: #FFDD00; 
    color: #AAAAAA; 
} 
<style> 

<a href="#">...</a> 

एक style तत्व होने के बाहर <head> मान्य HTML नहीं है, लेकिन (महत्वपूर्ण) यह सभी ब्राउज़रों में काम करता है।

+1

मुझे इसकी आवश्यकता है ई-मेल के अंदर लिंक के लिए होवर शैली सेट करें ... दुर्भाग्यवश जीमेल स्टाइल टैग, और बाहरी स्टाइल संदर्भों और जावास्क्रिप्ट को हटा देता है ... तो कोई उम्मीद नहीं है? –

1

मुझे पूरा यकीन है कि आप psudo-classes inline लागू नहीं कर सकते हैं, लेकिन आप इसे जावास्क्रिप्ट इनलाइन के साथ कर सकते हैं।

उदा।

<a href="..." onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">...</a> 
6

यदि आप अपने होवर सीएसएस को टैग में टॉस नहीं कर सकते हैं, तो इसे संभालने का सबसे अच्छा तरीका जावास्क्रिप्ट होने जा रहा है। मैं आम तौर पर यह एक अच्छा दृष्टिकोण नहीं कहूंगा, लेकिन ऐसा लगता है जैसे आपके हाथ यहां बंधे हैं।

<a href="..." 
    onmouseover="this.style.backgroundColor='#ffdd00';this.style.color='#aaaaaa'" 
    onmouseout="this.style.backgroundColor='transparent';this.style.color='inherit'"> 
... 
</a> 

आशा है कि आपके लिए काम करता है!

3

आप दोनों शैलियों को उसी ब्लॉक में डाल सकते हैं, इस तरह।

a:hover { 
    background: #FFDD00; 
    color: #AAAAAA; 
} 

और अगर आप बाहरी शैलीपत्रक उपयोग नहीं कर सकते, तो आप अपने पृष्ठ के शीर्ष करने के लिए एक शैली ब्लॉक जोड़ सकते हैं ...

... 
    <style> 
     a:hover { 
      background: #FFDD00; 
      color: #AAAAAA; 
     } 
    </style> 
</head> 
... 
4

एक पुराने मंच में इस मिले और यह बहुत अच्छा काम करने के लिए लगता है :)

<a href="###" style="text-decoration: none;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">###</a> 
0

बेहतर होगा कि किसी बाह्य शैली पत्रक में वह ऊपर डाल सुझावों का पालन करने के लिए है, लेकिन जो भी कारण क्या तुम सच में यह सब करने की ज़रूरत के लिए, इस प्रयास करें:

a href = "" शैली = "पाठ-सजावट: रेखांकन; रंग: नीला;"

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