सीएसएस शैली को एएसपीनेट बटन पर कैसे सेट करें?

मेरे पास एएसपी है: बटन, मैंनेमें सीएसएस क्लास संपत्ति के साथ सीएसएस शैलियों का उपयोग किया, लेकिन वे शैलियों काम नहीं कर रहे हैं। जब मैं asp:LinkButton का उपयोग करता हूं तो वे शैलियों अच्छी तरह से काम कर रही हैं। मुझे शैलियों के लिए कोई थीम या स्किन्स नहीं चाहिए।सीएसएस शैली को एएसपीनेट बटन पर कैसे सेट करें?

<asp:Button CssClass="smallButton" Text="Sign In" runat="server" ID="submit"></asp:Button>

यह मेरा सीएसएस है:

यह मेरा एएसपी पेज है

.smallButton 
{ 
    //styles 
}

जब मैं एएसपी बदलने के लिए: बटन एएसपी के लिए: LinkButton

<asp:LinkButton Text="Sign In" runat="server" ID="submit" CssClass="smallButton"></asp:LinkButton>

या

<span class="smallButton"><asp:LinkButton Text="Sign In" runat="server" ID="submit"></asp:LinkButton></span>

शैलियों अच्छी तरह से काम कर रहे हैं। एएसपी के साथ केवल समस्या: बटन नियंत्रण

स्रोत

2012-08-29 Sujanth

कृपया हमसे कोड दिखाते हैं। आप हमें अनुमान लगाने की उम्मीद कैसे करते हैं कि आपने क्या गलत किया? –

क्या आप एचटीएमएल प्रदान कर सकते हैं कि एएसपीनेट बटन उत्पन्न हो रहा है। – Erwin

@ सुजांत अगर उत्तर आपकी मदद करते हैं, तो आपको इसे स्वीकार करना चाहिए। धन्यवाद। – freebird

मैं कोडिंग मिले के रूप में एक मूल्य के पारित कर सकते हैं ...

input[type="submit"] 
    { 
    //css coding 
    } 
input[type="submit"]:Hover 
    { 
    //css coding 
    }

यह मेरी समस्या के लिए हल है .... मूल्यवान उत्तरों के लिए सभी को धन्यवाद .......

स्रोत

2012-09-03 04:33:40 Sujanth

आप अपने ASP.NET बटन पर class असाइन कर सकते हैं और फिर वांछित शैली को लागू कर सकते हैं।

<asp:Button class="mybtn" Text="Button" runat="server"></asp:Button>

सीएसएस:

.mybtn 
{ 
    border:1px solid Red; 
    //some more styles 
}

स्रोत

2012-08-29 12:16:35 freebird

मैं वही तरीके से उपयोग कर रहा हूं लेकिन यह एएसपी के लिए काम नहीं कर रहा है: बटन नियंत्रण लेकिन यह एएसपी के साथ काम कर रहा है: लिंकबटन और छवि बटन नियंत्रण – Sujanth

@ सुजंत शायद आप ब्राउज़र से कैश साफ़ करने और पुनः प्रयास करने का प्रयास कर सकते हैं। कोड लगता है ठीक है। – freebird

इसके साथ सावधान। एएसपी.Net सीएसएस क्षेत्र को ओवरराइट करेगा। उदाहरण के लिए यदि आप बटन को अक्षम करते हैं तो सीएसएस क्लास को "अक्षम" से ओवरराइट किया जाएगा। प्रदान किए गए सेटर सीएसएस क्लास का उपयोग करें ताकि एएसपी.Net सीएसएस कक्षाओं को सेट करते समय समन्वयित कर सके। –

तुम सिर्फ अपने सीएसएस फ़ाइल में इनपुट तत्व शैली सकता है। वह तब एएसपी.नेट से स्वतंत्र है।

<form action=""> 
    Name: <input type="text" class="input" /> 
    Password: <input type="password" class="input" /> 
    <input type="submit" value="Submit" class="button" /> 
</form> 
CSS 
.input { 
    border: 1px solid #006; 
    background: #ffc; 
} 
.button { 
    border: 1px solid #006; 
    background: #9cf; 
}

साथ

CssClass आप इसे करने के "input" वर्ग असाइन कर सकते हैं।

स्रोत

2012-08-29 12:17:36 Remy

लेकिन फिर आप सर्वर नियंत्रण का उपयोग नहीं कर रहे हैं और हमें यकीन नहीं है कि उपयोगकर्ता यहां क्या चाहता है। – Steve

यह मूल रूप से यहां हर किसी ने सुझाव दिया है। – Remy

यहां हर कोई अपने उदाहरणों में सर्वर नियंत्रण का उपयोग करता है। नाइटपिकिंग नहीं, लेकिन एएसपीनेट किसी कारण से सर्वर नियंत्रण का उपयोग करता है। अनुमोदित, आप इन नियंत्रणों और voila में एक रनैट टैग जोड़ा हो सकता था। – Steve

आप CssClass विशेषता का उपयोग और एक CSS वर्ग नाम

<asp:Button CssClass="button" Text="Submit" runat="server"></asp:Button>` 

.button 
{ 
    //write more styles 
}

स्रोत

2012-08-29 12:24:52

आपके द्वारा उल्लिखित उत्तर सभी बटनों पर लागू होगा। आप इस प्रयास करना चाहिए:

input[type="submit"].someclass { 
    //somestyle}

और सुनिश्चित करें कि आप अपने बटन को यह जोड़ा है:

CssClass="someclass"

स्रोत

2013-03-19 17:29:07 Nandolcs

आप "Default.asp" की तरह asp.net डिजाइन पेज में एक बटन है और यदि आप करना चाहते हैं एक बटन, लेबल या अन्य नियंत्रक के लिए सीएसएस फ़ाइल और निर्दिष्ट विशेषताओं बनाएँ। फिर पहले के सभी परियोजना पर एक सीएसएस पेज

राइट क्लिक करें बनाने
नया आइटम जोड़ें
स्टाइल शीट का चयन

अब आप अब एक सीएसएस पृष्ठ है अपने सीएसएस पृष्ठ में इन कोड लिखने (शैली पत्रक।सीएसएस)

StyleSheet.css

.mybtnstyle 
{ 
border:1px solid Red; 
background-color:Red; 
border-style:groove; 
border-top:5px; 
outline-style:dotted; 
}

Default.asp

{

<head> 
    <title> testing.com </title> 
</head> 
<body> 
<b>Using Razer<b/> 
<form id="form1" runat="server"> 
<link id="Link1" rel="stylesheet" runat="server" media="screen" href="Stylesheet1.css" /> 
<asp:Button ID="mybtn" class="mybtn" runat="server" Width="339px"/> 
</form> 
</body> 
</html>

}

स्रोत

2014-02-11 06:06:26

कोई भी एक वर्ग का उपयोग कर की अव्यवस्था में जाना चाहता है, इस कोशिश :

<asp:button Style="margin:0px" runat="server" />

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

स्रोत

2015-03-11 18:52:46

<asp:LinkButton ID="mybutton" Text="Link Button" runat="server"></asp:LinkButton>

में राजधानी एस भूल हॉवर प्रभाव के साथ नहीं है:

#mybutton 
     { 
      background-color: #000; 
      color: #fff; 
      font-size: 20px; 
      width: 150px; 
      font-weight: bold; 
     } 
     #mybutton:hover 
     { 
      background-color: #fff; 
      color: #000; 
     }

http://www.parallelcodes.com/asp-net-button-css/

स्रोत

2015-07-04 11:22:45

सीएसएस शैली को एएसपीनेट बटन पर कैसे सेट करें?

उत्तर

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