मैं इसके आगे एक खोज आइकन के साथ एक साधारण खोज बार बनाने की कोशिश कर रहा हूं। लेकिन मैंने देखा है कि मैं प्रकार की खोज के साथ एक इनपुट शैली नहीं कर सकता। मैंने सफारी (संस्करण 9.0.3 (11601.4.4)) पर और फिर क्रोम (संस्करण 49.0.2623.110) पर कोशिश की। सबसे पहले मैंने सोचा कि ऐसा इसलिए था क्योंकि इनपुट मान्य नहीं था लेकिन पता चला कि टाइप खोज करने के लिए यह ठीक था।<इनपुट प्रकार = "खोज"> स्टाइलिंग
एकमात्र चीज जिसे मैं शैली में सक्षम था पृष्ठभूमि रंग था और यह केवल क्रोम में काम करता था।
मैंने अपनी सभी सीएसएस शैलियों को हटाने और केवल इनपुट स्टाइल करने का प्रयास किया। यह मदद नहीं की।
मैंने सफलता के बिना इसे गुगल करने की कोशिश की।
तो क्या यह उनके आसपास एक तरीका है या क्या मुझे अपना इनपुट प्रकार टेक्स्ट पर रखना होगा ताकि मैं इसे स्टाइल कर सकूं?
अग्रिम धन्यवाद!
कोड:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
input {
padding: 10px; /* Does not work */
}
</style>
</head>
<body>
<input type="search" placeholder="Search">
</body>
</html>
इस कोड ओएस एक्स पर सफारी और क्रोम में काम नहीं करता
संपादित करें: मैं ओएस एक्स का उपयोग कर रहा है, तो यह वेबकिट के साथ एक समस्या हो सकता है?
हमें अपने HTML और सीएसएस और आप क्या के अपने कोड दिखाएं अब तक कोशिश की है। –
ऐसे तरीके हैं जिनसे आप इनपुट को प्रदर्शित कर सकते हैं जैसे कि स्टाइल ओवरव्लो के शीर्ष पर खोज बॉक्स कैसा है। लेकिन कृपया अपने कोड का एक उदाहरण पोस्ट करें। –
आपके एचटीएमएल और सीएसएस के बिना जवाब नहीं दे सकता। –