<button> टैग

Question

होवर करते समय कर्सर को हाथ में बदलने के लिए कैसे प्राप्त करें मेरी साइट को देखते समय, कर्सर केवल <a> टैग के लिए दस्ताने वाले हाथ में बदलता है, <button> टैग नहीं। क्या इसका कोई कारण है?

यहां मेरा कोड है (बटन टैग में सीएसएस 3 में #more की आईडी है)।

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
} 

Answer 1

देखें: cursor:pointer;

अपने मामले उपयोग में::

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

यह आईडी "के साथ तत्व को curser लागू होगी https://developer.mozilla.org/de/docs/Web/CSS/cursor

ताकि आप जोड़ने की जरूरत अधिक "(केवल एक बार इस्तेमाल किया जा सकता है)।

का उपयोग कर क्लास

.more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

और अपने HTML में: तो अपने HTML में उपयोग

<input type="button" id="more" /> 

आप एक से अधिक बटन को यह लागू करना चाहते हैं तो आप एक से अधिक संभावना है

<input type="button" class="more" value="first" /> 
<input type="button" class="more" value="second" /> 

या एक एचटीएमएल संदर्भ पर लागू होते हैं:

input[type=button] { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

और अपने HTML में उपयोग

<input type="button" value="first" /> 
<input type="button" value="second" /> 

Answer 2

बस इस शैली को जोड़ने:

cursor: pointer; 

कारण यह डिफ़ॉल्ट रूप से नहीं हो रहा है है अधिकांश ब्राउज़र क्योंकि सूचकांक केवल लिंक के लिए आरक्षित करें (और शायद कुछ अन्य चीजें जिन्हें मैं भूल रहा हूं, लेकिन आम तौर पर <button> एस नहीं)। cursor संपत्ति पर

अधिक: https://developer.mozilla.org/en/CSS/cursor

मैं आमतौर पर डिफ़ॉल्ट रूप से <button> और <label> को यह लागू होते हैं।

नोट: मैं बस यह पकड़ा:

बटन टैग #more

की कोई id यह बहुत महत्वपूर्ण है प्रत्येक तत्व यह अपनी अनूठी id है है है, तो आप डुप्लिकेट नहीं हो सकता। इसके बजाय class विशेषता का उपयोग करें, और अपने चयनकर्ता को #more से .more पर बदलें। यह वास्तव में एक आम गलती है जो यहां पूछे गए कई समस्याओं और प्रश्नों का कारण है। इससे पहले कि आप id का उपयोग कैसे करें, बेहतर जानें।

Answer 3

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor: pointer; 
} 

Answer 4

सभी यू की जरूरत है सिर्फ सीएसएस की विशेषता है, जो ---->

कर्सर से एक का उपयोग किया जाता है: सूचक

सिर्फ सीएसएस में इस संपत्ति का उपयोग करें, कोई फर्क नहीं पड़ता अपने इनलाइन या आंतरिक या बाह्य

उदाहरण के लिए (इनलाइन सीएसएस के लिए) जवाब में

<form> 
<input type="submit" style= "cursor:pointer" value="Button" name="Button"> 
</form>