css - كيفية إزالة الحدود(المخطط)حول مربعات النص / المدخلات؟(Chrome)




google-chrome input border (10)

الرجاء استخدام بناء الجملة التالي لإزالة حدود مربع النص وإزالة الحدود المظللة لأسلوب المستعرض.

input {
    background-color:transparent;
    border: 0px solid;
    height:30px;
    width:260px;
}
input:focus {
    outline:none;
}

هذا السؤال لديه بالفعل إجابة هنا:

هل يمكن لأي شخص شرح كيفية إزالة الحدود البرتقالية أو الزرقاء (المخطط) حول مربعات النص / الإدخال؟ أعتقد أنه لا يحدث إلا على Chrome لإظهار أن مربع الإدخال نشط. إليك مدخل CSS الذي أستخدمه:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}


اكتشفت أنه يمكنك أيضًا استخدام:

input:focus{
   border: transparent;
}

هذا سوف يعمل بالتأكيد. المخطط البرتقالي لن يظهر بعد الآن .. عام لجميع العلامات:

*:focus {
    outline: none;
}

خاص بـ بعض العلامات ، مثل: علامة الإدخال

input:focus {
   outline:none;
}

الإجابة الحالية لم تنجح بالنسبة لي مع Bootstrap 3.1.1. إليك ما كان علي تجاوزه:

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

جلس

input:focus{
    outline: 0 none;
}

"مهم" هو فقط في حالة. هذا ليس ضروريا. [والآن هو ذهب. افتتاحية.]


لقد وجدت الحل.
اعتدت: outline:none; في CSS ويبدو أنها عملت. شكرا للمساعدة على أي حال. :)


input:focus {
    outline:none;
}

هذا سوف تفعل. المخطط البرتقالي لن يظهر بعد الآن.


هذا إزالة الإطار البرتقالي في الكروم من كل شيء وعنصر مهما كان وأين هو

*:focus {
    outline: none;
}

<input style="border:none" >

عملت جيدا بالنسبة لي. تود أن يكون ثابتا في أتش تي أم أل نفسه ... :)


لإزالته من جميع المدخلات

input {
 outline:none;
}




css google-chrome input border