ज़ूम पर क्रोम बॉर्डर गायब होने की समस्या का निवारण

इस फोरम थ्रेड में उठाई गई चिंता में क्रोम में इनपुट बॉर्डर का गायब होना शामिल है जब उपयोगकर्ता ज़ूम इन करते हैं या बाहर। हालाँकि समस्या सभी उपयोगकर्ताओं के लिए प्रचलित नहीं हो सकती है, यह एक विशिष्ट रूप को प्रभावित करती है (http://jsfiddle.net/TKb6M/91/ पर उपलब्ध)।

जब 90% तक ज़ूम किया जाता है, उदाहरण के लिए, मूल सीमाएँ गायब हो जाती हैं, जिससे इनपुट फ़ील्ड दृश्यमान रूप से अलंकृत हो जाती है। उपयोगकर्ता ने किसी अन्य थ्रेड की अनुशंसाओं के आधार पर टैग शामिल करने का भी उल्लेख किया है, जिसका उद्देश्य क्षैतिज स्थान को कुशलतापूर्वक आवंटित करना है।

सवाल उठता है कि क्या यह सीएसएस के साथ एक समस्या है या क्रोम का एक विशिष्ट व्यवहार है। इसके अतिरिक्त, उपयोगकर्ता इस अवांछित प्रभाव को रोकने के लिए समाधान ढूंढता है। समाधान। CSS कोड को संशोधित करके, समस्या का समाधान किया जा सकता है।

मूल CSS

INPUT,TEXTAREA { बॉर्डर-टॉप: 1px ठोस #aaa }

संशोधित सीएसएस

INPUT,TEXTAREA {
border-top: 1px solid #aaa
}

यह संशोधन प्रभावी रूप से स्पष्ट "1px" मान को "पतली," एक सापेक्ष इकाई से बदल देता है। परिणामस्वरूप, ज़ूम स्तर की परवाह किए बिना बॉर्डर एक सुसंगत उपस्थिति बनाए रखता है।समाधान Google उत्पाद फ़ोरम थ्रेड से प्राप्त किया गया था: https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc.

INPUT,TEXTAREA {
border-top: thin solid #aaa
}