आईई

Question

में क्लिक के दौरान स्थानांतरित होने से को रोकें जब आपके पास पृष्ठ में एक साधारण तत्व होता है और इसे क्लिक करें (प्रभाव देखने के लिए माउस को दबाए रखें) तो IE8/9 में बटन थोड़ा नीचे और दाएं स्थानांतरित हो जाता है ।

मुझे लगता है कि यह डिफ़ॉल्ट आईई शैली का हिस्सा है। क्या इस व्यवहार को रोकने के लिए वैसे भी है?

http://jsfiddle.net/tmcconechy/hqm59/

Answer 1

आप बटन के लिए कुछ शैलियों आवेदन कर सकते हैं। बटन {मार्जिन: 0 पीएक्स; गद्दी: 0px;}

Answer 2

आप पाठ आईई बटन में आगे बढ़ बंद कर सकते हैं:

button:active span, button:focus span { 
    position:relative; 
    top: 0; 
    left: 0; 
} 

<button><span>no move</span></button> 

http://jsfiddle.net/dQVA7/

Answer 3

एक <span> और उस में position:relative पर अपने पाठ रखो, इसे ठीक कर देंगे।

button span{ 
    position: relative; 
} 

शीर्ष और के लिए कोई ज़रूरत नहीं परिभाषा छोड़ दिया है।

Answer 4

आप JavaScript का उपयोग कोई आपत्ति नहीं है, जाहिरा तौर पर इस काम कर देता है:

$(document).on('mousedown', 'button, input[type="button"], input[type="submit"]', function(e) { 
    e.preventDefault(); 
});