المدخلات: التركيز لا يعمل على فايرفوكس

https://stackoverflow.com/questions/1408563

05-07-2019
|

سؤال

ولدي نمط التالية التي قمت التحقق يتم تحميل:

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

وفعلت ذلك لوقف يظهر مستطيل منقط عند النقر على شيء. هذا وتعمل في كل شيء في فايرفوكس أنني قد لاحظت، فيما عدا أزرار مدخلات بلدي. أزرار مدخلات بلدي لا تزال تظهر على شكل مستطيل منقط حول لهم عند النقر عليها.

وكيف يمكنني الحصول عليها ليتوقف عن فعل ذلك؟

المحلول

وكنت بحاجة للقيام بذلك (<لأ href = "http://snipplr.com/view/28964/remove-button-focus-border-in-firefox-and-ie8-with-css/" يختلط = " نوفولو "> مصدر ):

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner { border : 0px; }

/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus { outline : none; }

وكان بالفعل "الخطوط العريضة: 0" تعيين على كل شيء عن طريق إعادة تعيين، ولكن هذا -moz-التركيز الداخلي هناك حاجة للتخلص من خط منقط على زر نصب CSS

نصائح أخرى

وسوف <input ... onfocus="this.blur();"/> تفعل خدعة

وأو مسج:

$("input").focus(function(){this.blur();});

وهذا يعمل بالنسبة لي (حاولت ذلك في كل من فايرفوكس 2 و 3)

<html>
<head>
  <title>Test</title>
  <style>
   :focus { -moz-outline-style: none;}
  </style>
</head>
<body>
  <form action="#">
    <input type="image" src="button.png" />
  </form>
</body>
</html>

ومجرد إضافة button.png: -)

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow