2011-08-16 20 views
10

मैं सहायक फ़ंक्शन Html.ActionLink द्वारा बनाए गए हाइपरलिंक के रंग कैसे बदल सकता हूं?एएसपी.नेट एमवीसी एचटीएमएल। एक्शनलिंक हाइपरलिंक रंग

[अतिरिक्त विस्तार] रंग, हाइपरलिंक के प्रत्येक राज्य से, यानी सक्रिय, चयनित, पहले से ही चयनित किया गया था के लिए अलग होने की आदि

उत्तर

23

आमतौर पर आप कुछ इस तरह करना होगा::

Html.ActionLink("foo", "bar","baz", 
      new { id = 1}, // Route args if needed; null if not. 
      new {@style="color:#000aaa;" } 
      ); 

शायद आप एक CSS वर्ग पहले से ही परिभाषित किया गया है

Html.ActionLink("My Link", "MyAction", null, new { @class = "my-class" }) 

और फिर शैली का उपयोग करें my-class:

a.my-class { color: #333333 } 
a.my-class:active { color: #666666 } 
a.my-class:link { color: #999999 } 
a.my-class:visited { color: #CCCCCC } 
9

ActionLink() विधि ओवरलोड हो गया है होगा। उनमें से कुछ हस्ताक्षर पैरामीटर object htmlAttributes के पारित होने की अनुमति देते हैं।

आप कुछ इस तरह कर सकते हैं:

Html.ActionLink("foo", "bar","baz", 
      new { id = 1}, // Route args if needed; null if not. 
      new {@class="MyClass;" } 
      ); 
+0

धन्यवाद। मैं कोशिश करूँगा। उदाहरण के साथ मेरी समस्या यह है कि अगर यह हाइपरलिंक काम करता है तो केवल रंग (हो सकता है) होगा। हाइपरलिंक्स में सक्रिय, चयनित इत्यादि जैसे राज्य हैं। मुझे उन्हें अलग-अलग रंग रखने की आवश्यकता है। – Ronald

+0

@ रोनाल्ड - आप केवल मानक सीएसएस चयनकर्ताओं को जोड़ देंगे, जैसे आप मानक एचटीएमएल में करेंगे। वहां सचमुच हजारों लेख इस पर चर्चा कर रहे हैं, खोजने में मुश्किल नहीं होनी चाहिए। –

1

@dahlbyk जवाब पर कुछ explainations आधार

  • एक: लिंक - एक सामान्य, विज़िट नहीं किए गए लिंक
  • एक: का दौरा किया - एक लिंक उपयोगकर्ता
  • का दौरा किया एक: होवर - एक लिंक जब उपयोगकर्ता इसे
  • ए: सक्रिय - एक पल के लिए यह

क्लिक किया जाता है जब कई लिंक राज्यों के लिए शैली निर्धारित लिंक, वहाँ कुछ आदेश नियम हैं:

  • एक: लिंक और एक:
  • का दौरा किया मंडराना एक के बाद होगा आ एक: सक्रिय एक के बाद आना चाहिए: मंडराना

अधिक detailes पाया जा सकता है here

+0

आदेश नियमों के बारे में आपकी टिप्पणी ने मुझे निराशा बचाई। धन्यवाद। – SJaka

+0

@ एसजेका मेरी खुशी ;-) –

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