الخاصية outline في CSS
ماذا تفعل بالضبط ؟؟ |
كيفية مسح تاثير by default على الـ input
الخاصية outline في CSS و كيفية مسح تاثير by default على الـ input
خاصية outline مفيدة في تجربة الاستخادم ليعرف المستخدم (من هاتف، تابلت أو شيء كهذا) في أي عنصر هو مركز الآن، يجب أن تزيلها عندما تملك شيئا أفضل منها،
الإجراء الأفضل المعرفو هو نزعها من inputs فحسب وتغييرها بborder
ولتنزعها اعلم التالي
input:focus {
outline: none;
}
أستخدمها أنا بدون focus ، وتعلم ")
هل هناك فرق بين إستخدامها مع focus ، وبدونها ؟
باستخدامها بدون focus فهي ستظهر طوال الوقت، وعند استخدامها في focus فهي ستظهر عند التركيز العنصر فحسب
أقصد استخدام outline بقيمة none ، بدون focus ، تقوم بنزعها بشكل كامل .
-
أيضاً ، أفضل إستخدامها مع * بدلاً من input ، لتعمم على الكل بدل نزعها من textarea / select والخ بشكل منفصل .
كما قلت لك أفضل أن تبقيها طالما أنك لن تستخدم شيئا أفضل منها في النهاية، بل ستزيلها لمجرد إزالتها وهو خطأ، فالمطوررون وضعوها لسبب
الأمر كان شائعا قديما، ولكنه أصبح مكروها الآن
كما قلت لك، انزعها فقط عندما يكون هناك بديل
طرحت سؤالي لأمر أخر ، وهو لطريقة كتابة النص ، لا لما ذكرته أستاذي ")
-
بالطبع لن أنزعها إلا لو كان هناك شيء أفضل ، وإلا لن يعلم الشخص بأنه على الحقل ")
-
سأقرأ الراوبط ، شكراً على النصيحة
التعليقات