टेक्स्ट इनपुट की आंतरिक छाया हटाएं

Question

तो मेरे पास क्रोम पर एचटीएमएल 5 का उपयोग कर एक टेक्स्ट इनपुट है, और मैं एक टेक्स्ट इनपुट के रूप में बदलना चाहता हूं, मैंने फोकस (क्रोम पर नारंगी) पर रूपरेखा हटा दी है, मैं पृष्ठभूमि को हल्के रंग #f1f1f1 पर सेट करें, लेकिन अब ऊपर और बाएं किनारों पर एक मोटी सीमा की तरह है, जैसे कि पृष्ठभूमि रंग में कोई बदलाव नहीं होने पर इसे धक्का लगाना है। मेरे द्वारा इसे कैसे दूर किया जाएगा? क्षमा करें मैं एक मोबाइल डिवाइस पर एक तस्वीर प्रदान नहीं कर सकता।

यह क्रोम, यानी फ़ायरफ़ॉक्स पर होता है, किसी अन्य का परीक्षण नहीं कर सकता है।

Answer 1

border-style:solid;inset शैली को ओवरराइड करेगा। आपने जो पूछा है वह है।

border:none सीमा को सभी को एक साथ हटा देगा।

border-width:1px इसे पृष्ठभूमि में बदलाव से पहले तरह की तरह स्थापित करेगा।

border:1px solid #cccccc अधिक विशिष्ट है और सभी तीन, चौड़ाई, शैली और रंग लागू होता है।

उदाहरण: https://jsbin.com/quleh/2/edit?html,output

Answer 2

सीमा को हटाने के लिए border: none या border: 0 जोड़ें, या border: 1px solid #ccc सीमा को पतला और फ्लैट बनाने के लिए जोड़ें।

फ़ायरफ़ॉक्स में भूत गद्दी निकालने के लिए आपको ::-moz-focus-inner उपयोग कर सकते हैं:

::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
} 

live demo देखें।

Answer 3

border: 1px solid black सेट करें ताकि सभी पक्ष किसी भी प्रकार की कस्टम सीमा (ठोस के अलावा) को बराबर और हटा सकें। इसके अलावा, box-shadow: none पर लागू किसी भी इन्सेट छाया को हटाने के लिए सेट करें।

Answer 4

इस मोबाइल सफारी के लिए समाधान है:

-webkit-उपस्थिति: कोई नहीं;

के रूप में यहाँ का सुझाव दिया: Remove textarea inner shadow on Mobile Safari (iPhone)

Answer 5

समाधान में से कोई भी वर्तमान में काम कर रहे हैं। यहां मेरा समाधान है। आप उपसर्ग जोड़ सकते हैं।

box-shadow: inset 0px 0px 0px 0px red; 

Answer 6

मैं फ़ायरफ़ॉक्स पर काम कर रहा हूं। और मुझे एक ही समस्या हो रही थी, इनपुट प्रकार टेक्स्ट ऑटो परिभाषित कुछ बॉक्सशैडो इन्सेट जैसा दिखता है, लेकिन ऐसा नहीं है। जिसे आप बदलना चाहते हैं सीमा है ... बस border:0; सेट करें और आप कर चुके हैं।

Answer 7

जब मैं इस यह कोई सीमा है, हाँ ऐसा करते हैं
outline: none;

लाइव डेमो https://codepen.io/wenpingguo/pen/KQgbXq