[css] كيفية إعادة تعيين / إزالة إدخال / تركيز واجهة chrome؟



Answers

اضطررت إلى القيام بكل المتابعة لإزالتها تمامًا

outline-style:none;
box-shadow:none;
border-color:transparent;
Question

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




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

*:focus {
    outline: none;
   }

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

input:focus{
   outline:none;
  }



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

.search input {
  outline: .5em solid black;
  width:41%;
  background-color:white;
  border:none;
  font-size:1.4em;
  padding: 0 0.5em 0 0.5em;
  border-radius:3px;
  margin:0;
  height:2em;
}

.search input:focus, .search input:hover {
  outline: .5em solid black !important;
  box-shadow:none;
  border-color:transparent;;
 }

.search button {
  border:none;
  outline: .5em solid black;
  color:white;
  font-size:1.4em;
  padding: 0 0.9em 0 0.9em;
  border-radius: 3px;
  margin:0;
  height:2em;
  background: -webkit-gradient(linear, left top, left bottom, from(#4EB4F8), to(#4198DE));
  background: -webkit-linear-gradient(#4EB4F8, #4198DE);
  background: -moz-linear-gradient(top, #4EB4F8, #4198DE);
  background: -ms-linear-gradient(#4EB4F8, #4198DE);
  background: -o-linear-gradient(#4EB4F8, #4198DE);
  background: linear-gradient(#4EB4F8, #4198DE);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4EB4F8', endColorstr='#4198DE');
  zoom: 1;
}




يمكنك فقط تحديد outline: none; والحدود إلى لون مختلف في التركيز.




Links