बटन जो

Question

जैसा दिखता है हाय मुझे एक आवश्यकता है जहां मुझे पृष्ठ पर जावास्क्रिप्ट का उपयोग करने की अनुमति नहीं है। मैं कुछ asp:LinkButtons था, लेकिन इन ताकि मैं उनके लिए बटन के साथ प्रतिस्थापित जावास्क्रिप्ट का उपयोग करने के छपी:

<asp:Button ID="titleButton" runat="server" BorderStyle="None" CommandArgument='<%# Eval("Id") %>' OnClick="downloadButtonClick" Text="Download" CssClass="ButtonAsLink" /> 

सीएसएस के साथ

:

.ButtonAsLink 
{ 
    background-color:transparent; 
    border:none; 
    color:blue; 
    cursor:pointer; 
    text-decoration:underline; 
    font-weight:bold 
} 

यह काम करता है के रूप में मैं चाहता था, लेकिन बटन का पाठ नहीं मिलाया गया है बटन और टेक्स्ट के किनारे के बीच मार्जिन के कारण उसी कॉलम में लेबल के साथ।

मुझे आश्चर्य है कि कोई मुझे बता सकता है कि बटन टेक्स्ट मार्जिन को शून्य पर कैसे सेट करें?

Answer 1

.ButtonAsLink{ 
    background-color:transparent; 
    border:none; 
    color:blue; 
    cursor:pointer; 
    text-decoration:underline; 
    font-weight:bold; 
    padding: 0px; 
} 

यदि आप सभी पैडिंग को हटाना चाहते हैं तो आप तत्व पैडिंग को 0px पर सेट करें या आप इस तरह की विशेषता का उपयोग कर सकते हैं।

padding: 0px 0px 0px 0px; 

बेशक आप शून्य के स्थान पर कोई सकारात्मक संख्यात्मक मूल्य प्राप्त कर सकते हैं।

गद्दी:: इस विशेषता के रूप में यह संख्यात्मक valuesis से संबंधित है में गद्दी के उन्मुखीकरण ऊपरी दाएँ नीचे छोड़ दिया

अंतिम ध्यान दें: मार्जिन एक तत्व और उसके आसपास अन्य तत्वों के आसपास रिक्ति है। पैडिंग एक तत्व के भीतर क्षेत्र की दूरी (उदाहरण के लिए पाठ)

Answer 2

अपनी शैली में मार्जिन और पैडिंग सेट करने के बारे में क्या?

Answer 3

यहां, मैंने थोड़ा सा एक साथ रखा जो आपके लिए काम कर सकता है। यह सही नहीं है, लेकिन आपके लिए एक शुरुआती बिंदु हो सकता है।

http://jsfiddle.net/Gj9R6/1/

की