-moz-التركيز الداخلية

Question

في سؤال آخر سألت عن محاذاة أعطيت هذا بالنسبة لي للإجابة على سؤال حول فايرفوكس كونه غيظ. عملت لكنها تركت طعما مرا في فمي وساوضح لماذا.

button::-moz-focus-inner { 
  border: 0;
  padding: 0;
}

وأوبرا (10 في هذا المثال)، فايرفوكس (3 في هذا المثال)، وإنترنت إكسبلورر (7 في هذا المثال) عن عرض زر input[type="submit"] بشكل مختلف. هذه الخاصية هي focus-inner الافتراضية 0 في أوبرا 10، شيء من هذا القبيل 5px لفايرفوكس، ويجب أن يكون 6px لإنترنت إكسبلورر.

وكيف يمكنني "بطانية" إعادة ضبط كل منهم إلى 0؟ هل هناك مكالمة CSS القياسية التي لن يقتصر الأمر على ما سبق ولكن تعيين هذه الخاصية الخفية لIE أيضا؟

Answer 1

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

حسنا، في الواقع يمكنك تحقيق بكسل الكمال، إذا كنت تعامل كل واحد منهم شخصيا، مثل <وأ href = "https://web.archive.org/web/20080713045900/http://seowebtips.com/ -تقديم-أزرار التصميم أتش تي أم أل / "يختلط =" نوفولو noreferrer "> هذا . ويمكنك دائما استخدام <input type="image">، من شأنها أن تفعل خدعة بالتأكيد.