مشکل در طراحی یک فیلد(html)
سلام به همگی
یک فرم بازشو خواستم طراحی کنم که نمیدونم چرا به این حالت در میاد
راهی نداره اون آیکون سمت چپی که خودش میاره از بین بره؟
http://up.vbiran.ir/uploads/21914205...Untitled-1.jpg
کد HTML:
.list
{
padding-right: 20px;
border: 0px;
height: 51px;
width: 198px;
direction: rtl;
box-sizing: content-box;
appearance:normal;
background-image: url(images/list.jpg);
background-position: right;
}
کد HTML:
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
پاسخ : مشکل در طراحی یک فیلد(html)
.list
{
padding-right: 20px;
border: 0px;
height: 51px;
width: 198px;
direction: rtl;
box-sizing: content-box;
appearance:normal;
background-image: url(images/list.jpg);
background-position: right;
background: transparent;
}
از این استفاده کنپ
background: transparent;
پاسخ : مشکل در طراحی یک فیلد(html)
پاسخ : مشکل در طراحی یک فیلد(html)
نقل قول:
نوشته اصلی توسط
ariamizban
.list
{
padding-right: 20px;
border: 0px;
height: 51px;
width: 198px;
direction: rtl;
box-sizing: content-box;
appearance:normal;
background-image: url(images/list.jpg);
background-position: right;
background: transparent;
}
از این استفاده کنپ
background: transparent;
گذاشتم نشد کلن اون عکس رو نشون نمیده دیگه
پاسخ : مشکل در طراحی یک فیلد(html)
کد PHP:
<div id="test">
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>
کد HTML:
#test {
background-color: #CCC;
width: 120px;
overflow: hidden;
direction: rtl;
margin-right: auto;
margin-left: auto;
}
#test select {
width: 140px;
overflow: hidden;
direction: rtl;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #CCC;
text-align: right;
}
پاسخ : مشکل در طراحی یک فیلد(html)
نقل قول:
نوشته اصلی توسط
Yas-Host
چیز خیلی کاربردی بود اما نگرفتم باید چی کار کنم اینو :d
http://up.vbiran.ir/uploads/25916142...32523_list.jpg
اینم تصویر بک گراندشه
- - - Updated - - -
نقل قول:
نوشته اصلی توسط
m2n
کد PHP:
<div id="test">
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>
کد HTML:
#test {
background-color: #CCC;
width: 120px;
overflow: hidden;
direction: rtl;
margin-right: auto;
margin-left: auto;
}
#test select {
width: 140px;
overflow: hidden;
direction: rtl;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #CCC;
text-align: right;
}
هر کاری کردم نشد مال خودمو اوکی کنم
http://up.vbiran.ir/uploads/25916142057036232523_list.jpg
پاسخ : مشکل در طراحی یک فیلد(html)
نقل قول:
نوشته اصلی توسط
psfa
کد PHP:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#test {
background-color: #CCC;
width: 198px;
overflow: hidden;
direction: rtl;
margin-right: auto;
margin-left: auto;
background-attachment: scroll;
background-image: url(http://up.vbiran.ir/uploads/25916142057036232523_list.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 51px;
}
#test select {
overflow: hidden;
direction: rtl;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: transparent;
text-align: right;
width: 215px;
height: 51px;
cursor: pointer;
text-indent: 10px;
}
</style>
</head>
<body>
<div id="test">
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>
</body>
</html>
- - - Updated - - -
http://up.vbiran.ir/uploads/15411142...Untitled-1.png :65:
پاسخ : مشکل در طراحی یک فیلد(html)
نقل قول:
نوشته اصلی توسط
m2n
کد PHP:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#test {
background-color: #CCC;
width: 198px;
overflow: hidden;
direction: rtl;
margin-right: auto;
margin-left: auto;
background-attachment: scroll;
background-image: url(http://up.vbiran.ir/uploads/25916142057036232523_list.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 51px;
}
#test select {
overflow: hidden;
direction: rtl;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: transparent;
text-align: right;
width: 215px;
height: 51px;
cursor: pointer;
text-indent: 10px;
}
</style>
</head>
<body>
<div id="test">
<select style=" " class="list" name="lang">
<option>فارسی ---</option>
<option>فارسی ---</option>
<option>فارسی ----ی</option>
<option>فارسی j</option>
</select>
</form>
</div>
</body>
</html>
- - - Updated - - -
http://up.vbiran.ir/uploads/15411142...Untitled-1.png :65:
آقا خیلی ممنون وقت گذاشتین
جبران کنیم ایشالا
