इनपुट बटन में सीमा मुद्दे से निपटना

जैसे ही आप इनपुट बटन पर क्लिक करते हैं, एक भद्दा बॉर्डर दिखाई देता है, जो सौंदर्य अपील को खराब करता है। इस समस्या के समाधान के लिए, विभिन्न तरीकों का प्रयास किया गया है, जैसे ऑनफोकस का उपयोग करना: कोई नहीं। हालाँकि, ये प्रयास निरर्थक साबित हुए हैं।

इस निरंतर समस्या को हल करने के लिए, सीएसएस के दायरे में एक सरल समाधान निहित है। रूपरेखा को शामिल करके: कोई नहीं; अपनी शैली परिभाषा में, आप जादुई ढंग से इस अवांछित सीमा को मिटा सकते हैं।

यहां सीएसएस कोड का एक अद्यतन संस्करण है जो सीमा को हटा देगा:

input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}

इस सीएसएस नियम को लागू करने से, इनपुट बटन पर क्लिक करने पर भद्दा बॉर्डर गायब हो जाएगा। आपका बटन अब एक साफ़, पेशेवर स्वरूप प्रदर्शित करेगा।