محمد مهدی امیری
1 سال پیش توسط محمد مهدی امیری مطرح شد
9 پاسخ

اعمال نشدن فونت برای تگ select

سلام دوستان خسته نباشید ببخشید من یک تگ select دارم وقتی میخوام انتخابش کنم ولیست باز میشه مقادیرش فونت نداره اما لعد از انتخاب فونتش میاد
 تصویر


ثبت پرسش جدید
Banana Life
@shift.delete 1 سال پیش مطرح شد
0

سلام
دوست عزیز شما باید به option ها هم مثل مقدار select فونت بدید


ابوالفضل زارعی
تخصص : سئو
@abolfazlzarei 1 سال پیش آپدیت شد
0

سلام
html

<div class="selectbox">
        <select name="" id="">
            <option value="">Test</option>
            <option value="">Test</option>
            <option value="">Test</option>
        </select>
    </div>

css


.selectbox {
    position: relative;
}

.selectbox::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: .7rem;
    width: 0;
    height: 0;
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
}

select {
    border: 1px solid #EEE;
    border-radius: .25rem;
    padding: .5rem 1.5rem .5rem .5rem;
    display: flex;
    background-color: white;
    outline: 0;
    cursor: pointer;
    appearance: none;
}

حالا می تونید هر فونت یا رنگی یا حتی بردار هم بدید از استایل


محمد مهدی امیری
تخصص : جوجه برنامه نویس PHP
@wpuser 1 سال پیش مطرح شد
0

@abolfazlzarei

خیلی ممنون که پاسخ دادی اما این کار نکرد
میتونی مجدد راهنمایی کنی


محمد مهدی امیری
تخصص : جوجه برنامه نویس PHP
@wpuser 1 سال پیش مطرح شد
0

shift.delete@
اینم انجام دادم نمیدونم مشکل کارم کجاست


oss_vahid
تخصص : wp developer
@ossvahid 1 سال پیش مطرح شد
0
select * 
{
font-family :yourfont;
}

ابوالفضل زارعی
تخصص : سئو
@abolfazlzarei 1 سال پیش مطرح شد
0
select {
    border: 1px solid #EEE;
    border-radius: .25rem;
    padding: .5rem 1.5rem .5rem .5rem;
    display: flex;
    background-color: white;
    outline: 0;
    cursor: pointer;
    appearance: none;
font-family:" فونت خود را اینجا بنویس"
}

0

سلام و درود
این لینک میتونه کمکت کنه: استک اورفلو


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 1 سال پیش آپدیت شد
0

اگر selectbox تون از نوع کاستوم و غیر پیش فرض مرورگر هست (یعنی مثلا با یک لایبرری بیرونی ایجاد میشه):
باید روی آپشن هاتون inspect بگیرین و ببینین از چه کلاس هایی استفاده شده و چه ساختاری داره و استایل هاتون رو برای اون بخش اعمال کنید.

بعضی از لایبرری ها میان یک المنت مجزا ایجاد می‌کنن مثل div و span و...
و اونجوری حالت منوی کشویی رو نمایش میدن. به همین خاطر شما هرچی به select استایل بدید تاثیری روش نداره.


محمد مهدی امیری
تخصص : جوجه برنامه نویس PHP
@wpuser 1 سال پیش مطرح شد
-1

دوستان من هرکاری کردم نشد الان رفتم از select2 js استفاده کردم درسته ظاهرش تغیر کرد اما خب فونت داره


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

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