سلام دوستان خسته نباشید ببخشید من یک تگ select دارم وقتی میخوام انتخابش کنم ولیست باز میشه مقادیرش فونت نداره اما لعد از انتخاب فونتش میاد
سلام
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;
}
حالا می تونید هر فونت یا رنگی یا حتی بردار هم بدید از استایل
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:" فونت خود را اینجا بنویس"
}
اگر selectbox تون از نوع کاستوم و غیر پیش فرض مرورگر هست (یعنی مثلا با یک لایبرری بیرونی ایجاد میشه):
باید روی آپشن هاتون inspect بگیرین و ببینین از چه کلاس هایی استفاده شده و چه ساختاری داره و استایل هاتون رو برای اون بخش اعمال کنید.
بعضی از لایبرری ها میان یک المنت مجزا ایجاد میکنن مثل div و span و...
و اونجوری حالت منوی کشویی رو نمایش میدن. به همین خاطر شما هرچی به select استایل بدید تاثیری روش نداره.
دوستان من هرکاری کردم نشد الان رفتم از select2 js استفاده کردم درسته ظاهرش تغیر کرد اما خب فونت داره
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟