سوال - حذف کادر دور تگ متن

[Barnara]

با سلام خدمت استاد های گرامی، ممنون میشم این مشکل منو حل کنید!
برای قسمت Search قالبم یه تگ <input> از نوع Text گذاشتم و یه کلاس هم براش توی CSS ساختم، همه چیز عالیه فقط مشکل اینجاست که وقتی تگ متن فوکوس میگیره دور اون یه کادر نارنجی میاد. Border رو هم روی None گذاشتم ، برای خاصیت Focusـش هم کلاس نوشتم اما باز این کادره میاد، اگر کسی راه حلی برای حذف این کادر داره خوشحال میشم کمکم کنه.
عکسش روهم میذارم که واضحتر باشه.
ممنون

 

[peyman136]

از کروم استفاده میکنی؟
برای حل کردنش کد زیر رو امتحان کن :

*:focus { 
outline:none; 

(More CSS here...) 

}

 

[Barnara]

خیلی خیلی ممنون دوست من، درست شد. فکر نمیکردم اینقدر ساده باشه من بجاش Border رو None میکردم که نمیشد. بازم ممنون.
آره از کروم استفاده میکنم،توی اکسپلورر مشکلی نداشت.
لطف کردی*