جشنواره بهارانه راکت! ۳۵% تخفیف ویژه بر روی دوره‌های آموزشی
مشاهده دوره‌ها
ثانیه
دقیقه
ساعت
روز
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
![user-avatar]()
گزارش تخلف
کپی کردن
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;
}
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
1
نجما
@n.bahreman157
1 سال پیش
آپدیت شد
گزارش تخلف
کپی کردن
0
سلام شبتون بخیر
تا جایی که من اطلاع دارم به تگ های option نمیشه استایل های کاربردی و زیبا داد مگر اینکه از js استفاده بکنید . تو لینک زیر در مورد سلکت باکس توضیح میده و انتهاش هم یک مثال آورده که میتونه کمکتون بکنه :
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select
و همچنین تو لینک زیر یک مثال آورده که میتونه براتون مفید باشه :
https://www.w3schools.com/howto/howto_custom_select.asp
گزارش تخلف
کپی کردن
0