1kiomars
4 سال پیش توسط 1kiomars مطرح شد
4 پاسخ

تغییر رنگ Font Awesome Icon هنگام کلیک در input

سلام دوستان
به چه صورت وقتی بر روی ipnut کلیک کردم آیکن Font Awesome رنگش عوض شه

کد من به این صورت

<div class="input-group">
    <i class="fas fa-search"></i> 
    <input  type="text" placeholder="Search " class="form-control form-control-lg search-input">
</div>                            

ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

با حداقل یادگیری جاوااسکریپت میتونید مسئله رو حل کنید.


1kiomars
@kiomars.geytasii 4 سال پیش مطرح شد
1

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

زنده باشید، سلامت باشید.
چه خوب :)


عماد سروش
تخصص : وبمستر و طراح سایت وردپرس
@emadsorush 1 سال پیش مطرح شد
0

برای تغییر رنگ و سایز font Awesume Icne می تونید از css استفاده کنید. font-size , color همچنین اگر نیاز به این دارید که بعد از کلید روی یک input اتفاق مورد نظر رخ دهد با کمک رویداد onclick در جاوا اسکریپت می تونید این مورد را هم انجام دهید. مانند مثال زیر :

<button id="name"  on‌click="soroush()">click me!</button>
function soroush(){
alert("hello soroush");
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام