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


Answers

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

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

لقد رأيت أن الكروم يضع حدًا أكثر سمكًا على :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;
}




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

*:focus {
    outline: none;
   }

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

input:focus{
   outline:none;
  }