5

मैं विजुअल स्टूडियो 2015 में एक एमवीसी 6 प्रोजेक्ट विकसित कर रहा हूं। मैंने अभी बोवर का उपयोग करके बूटस्ट्रैप 3.3.6 जोड़ा है।बूटस्ट्रैप बटन - कोई हाथ कर्सर

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" /> 
<script type="text/javascript" src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script> 

मैं एक बटन परिभाषित इस प्रकार है::

<button class="btn btn-primary">Hello</button> 

जब मैं डिबग एक बहुत ही सरल HTML पृष्ठ पर मैं इस प्रकार शरीर के तल पर शीर्ष लेख और बूटस्ट्रैप में सीएसएस संदर्भित किया है प्रोजेक्ट (आईआईएस, आईई 11) बटन दिखाई देता है और बूटस्ट्रैप द्वारा स्पष्ट रूप से स्टाइल किया जाता है लेकिन कोई हाथ कर्सर नहीं है।

यदि मैं बूटस्ट्रैप स्टाइल बटन के उदाहरण पर नेविगेट करने के लिए ब्राउज़र का उपयोग करता हूं, उदाहरण के लिए यहां: http://www.w3schools.com/bootstrap/bootstrap_buttons.asp, हाथ कर्सर दिखाई देता है जैसा कि मैं अपेक्षा करता हूं। तो यह मेरा ब्राउज़र गलती पर नहीं है।

क्या कोई सुझाव दे सकता है कि मुझे एक साधारण बूटस्ट्रैप स्टाइल बटन से हाथ कर्सर क्यों नहीं मिल रहा है?

+0

जांच करें कि क्या आपके सूचकांक में 'पॉइंटर-इवेंट्स: कोई नहीं;' कहीं भी है। यदि हां, तो इसे 'पॉइंटर-इवेंट्स: ऑटो' के साथ ओवरराइड करें, या यदि आप सुनिश्चित हैं कि आप बूटस्ट्रैप स्रोत फ़ाइलों को संपादित करना चाहते हैं, तो बस उस पंक्ति को हटा दें। –

+0

क्या मेरे उत्तर ने आपकी मदद की? यदि हां कृपया इसे स्वीकार करें, यदि नहीं, तो बताएं कि क्या काम नहीं कर रहा है। –

+0

सूचक-घटनाओं को ओवरराइड करने में कुछ भी नहीं है, यह सब बहुत आसान है। – TDC

उत्तर

0

आप प्रकार = "बटन" गायब हैं।

बूटस्ट्रैप स्रोत कम फ़ाइल में इनपुट [टाइप = "बटन"] नियम के लिए निर्दिष्ट कई सीएसएस नियम हैं। (संस्करण 3.3.6)

आपको इसका उपयोग करने की आवश्यकता नहीं हो सकती है, लेकिन इसका उद्देश्य टाइप = "बटन" के साथ उपयोग करना था।

दोनों W3School और बूटस्ट्रैप बटन में वे प्रकार = "बटन" का उपयोग कर रहे पेज डेमो

आपका कोड:

<button class="btn btn-primary">Hello</button> 

डब्ल्यू 3:

<button type="button" class="btn btn-default">Default</button> 

यह अभी भी के बाद काम नहीं कर रहा टाइप = "बटन" (या सबमिट या रीसेट) जोड़ने, इंस्पेक्टर के साथ अपने तत्व को देखने का प्रयास करें और देखें कि "पॉइंटर: कर्सर" सीएसएस नियम ओवरराइड करता है।

+3

'type =" बटन "को जोड़ने में मदद नहीं मिली। उपरोक्त w3schools में कोड में इस प्रकार की परिभाषा शामिल नहीं थी और यह ठीक काम करता था। हालांकि धन्यवाद। – TDC

+0

अभी भी काम नहीं कर रहा है .. –

+0

@waLLe "अभी भी काम नहीं कर रहा है .." - वास्तव में क्या काम नहीं कर रहा है? आपने क्या प्रयास किया है आपका स्रोत कोड कहां है? –

8

इसके बजाय role='button' जोड़ने का प्रयास करें। बूटस्ट्रैप पर प्रलेखन के बावजूद मुझे यह समस्या है, भले ही type='button' काम करना चाहिए लेकिन मेरा नहीं था।

+0

यह मेरे लिए काम किया। लेकिन एक और परियोजना में काम करते समय मुझे याद है कि मैंने 'टाइप =' बटन 'का इस्तेमाल किया और यह काम किया। मैं इस परियोजना में क्यों काम करता हूं, लेकिन इस में नहीं बल्कि कारण समझ में नहीं आया। – Lokesh

0

बटन पर href = "#" जैसे href जोड़ने का प्रयास करें।

<button class="btn btn-primary" href="#">Hello</button> 

जब आप मूल तत्व प्रकारों और भूमिकाओं को बदलना शुरू करते हैं तो अन्य दुष्प्रभाव होते हैं, जिसमें ये तत्व उपयोगकर्ताओं के लिए पहुंच के साथ कैसे इंटरैक्ट करते हैं। इस एमडीएन लिंक को इसके विवरण के लिए देखें: Button Role

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