जाहिरा तौर पर गैर-हटाने योग्य इनपुट प्रकार दूर करने के लिए कैसे = "खोज" सीमा क्रोम

Question

में मैं काफी सामान का एक सा की कोशिश की है ... लेकिन सीमा सिर्फ दूर नहीं जाना होगा। अगर आप टाइप = "टेक्स्ट" को टाइप = "टेक्स्ट" के साथ बदलना चाहते हैं तो ठीक काम करता है, लेकिन मुझे उम्मीद है कि ऐसा नहीं है जो मुझे करना है।

मैं

input{ 
    background:transparent; 
    border:0; 
    border-color:transparent; 
    outline:none; 
    width:150px; 
}​ 

के साथ मारने की कोशिश कर रहा हूँ लेकिन उनमें से कोई काम करने के लिए लग रहे हैं।

http://jsfiddle.net/Kf9Mu/

कोई भी विचार?

Answer 1

जाहिर वेबकिट खोज इनपुट फ़ील्ड के लिए एक कस्टम शैली है। आप इसे सीधे से छुटकारा पा सकते हैं फिर अपनी सीमाएं लागू कर सकते हैं। मैंने इसे यहां हटा दिया और इसे एक लाल सीमा दी।

input{ 
    -webkit-appearance: none; 
    border: 1px solid red; 
}​ 

http://jsfiddle.net/Kf9Mu/7/

मैं केवल Chrome में इस पर ध्यान दिया है।

Answer 2

आप

-webkit-appearance: none; 

की कोशिश करनी चाहिए यह भी देखें http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit

Answer 3

इस प्रयास करें:

input:focus { 
    outline: none; 
} 

Answer 4

dont't के बारे में -webkit-user-select: none;