20px सीमा-त्रिज्या

Question

के साथ पृष्ठभूमि छवि का उपयोग करते समय फ़ॉर्म बटन पर फ़ज़ी रूपरेखा, किसी कारण से, विशेष रूप से विंडोज मशीनों पर, इस पृष्ठ पर साइन इन बटन पर, मुझे यह अजीब अस्पष्ट रूपरेखा मिल रही है जो समझाना मुश्किल है है, तो खुद के लिए देखें:

http://zis.smartlyedu.com/login

यह मैक ओएस पर प्रकट नहीं होता है, लेकिन यह विंडोज पर करता है।

क्या किसी ने इससे पहले सामना किया है?

div.input-submit input{ 
    outline:none; 
    font-family:Helvetica, Arial, sans-serif; 
    width:100px; 
    height:35px; 
    color:#fff; 
    font-weight:normal; 
    float:right; 
    font-size:18px; 
    text-shadow:#000 1px 1px 1px; 
    border:1px solid #fff; 
    -moz-border-radius:20px; 
    -webkit-border-radius:20px; 
    -o-border-radius:20px; 
    -ms-border-radius:20px; 
    -khtml-border-radius:20px; 
    border-radius:20px; 
    background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.2))); 
    background:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); 
    background:-moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); 
    background:-o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); 
    background:-ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); 
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)); 
    background-color:#31639d; 
    font-weight:bold; 
    border:1px solid #fff 
    } 

Answer 1

यह समाधान मूल पोस्ट पर टिप्पणियों के माध्यम से पाया गया है:

यहाँ बटन के लिए सीएसएस है।

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

जेसन McCreary जवाब दिया:

धन्यवाद, मैं अपने विधि की कोशिश की और मुझे पता चला कि इस मुद्दे को साथ 1px का बॉर्डर और 20px बॉर्डर-त्रिज्या था। स्पष्ट रूप से विंडोज़ पर यह फ़्रीक्स आउट हो जाता है यदि उन्हें सबमिट बटन पर एक ही समय में उपयोग किया जाता है। को ठीक करने के लिए, मैंने जो कुछ किया वह सीमाओं को हटा दिया गया था और इसे सीमा से बदल दिया गया था: कोई नहीं; अगर मैंने सीमा-त्रिज्या को हटा दिया तो यह भी ठीक काम करेगा। मदद के लिए धन्यवाद !