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




table border css (8)

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

input:focus{
   border: transparent;
}

https://code.i-harness.com

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

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

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


الإجابة الحالية لم تنجح بالنسبة لي مع 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 ويبدو أنها عملت. شكرا للمساعدة على أي حال. :)


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

*:focus {
    outline: none;
}

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

input:focus {
   outline:none;
}

يتم استخدام هذه الحدود لإظهار أن العنصر مركّز (أي يمكنك كتابة الإدخال أو الضغط على الزر بـ Enter). يمكنك إزالته ، على الرغم من:

textarea:focus, input:focus{
    outline: none;
}

قد ترغب في إضافة بعض الطرق الأخرى للمستخدمين لمعرفة ما الذي يركز عليه عنصر لوحة المفاتيح من أجل سهولة الاستخدام.

سيطبق Chrome أيضًا ميزة التمييز على عناصر أخرى مثل DIV المستخدمة كوسائل مبدئية. لمنع التمييز على هذه العناصر وجميع العناصر الأخرى أيضًا ، يمكنك القيام بما يلي:

*:focus {
    outline: none;
}

<input style="border:none" >

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


input:focus {
    outline:none;
}

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







border