আমি নিজের ছবির সাথে একটি নির্বাচনের তীরটি প্রতিস্থাপন করার চেষ্টা করছি। আমি একই আকারের সাথে একটি ডিভের মধ্যে নির্বাচনটি অন্তর্ভুক্ত করছি, আমি নির্বাচনের ব্যাকগ্রাউন্ডটি স্বচ্ছ হিসাবে সেট করেছি এবং আমি ব্যাকগ্রাউন্ড হিসাবে ডিভের ডান উপরের কোণায় একটি ছবি (তীরের মতো একই আকারের) সহ অন্তর্ভুক্ত করছি।
এটি কেবল ক্রোমে কাজ করে।
আমি এটি ফায়ারফক্স এবং আই 9 তে কীভাবে এটি তৈরি করতে পারি:
.styled-select {
width: 100px;
height: 17px;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: url(images/downarrow_blue.png) no-repeat right white;
border: 2px double red;
display: inline-block;
position: relative;
}
.styled-select select {
background: transparent;
-webkit-appearance: none;
width: 100px;
font-size: 11px;
border: 0;
height: 17px;
position: absolute;
left: 0;
top: 0;
}
body {
background-color: #333333;
color: #FFFFFF;
}
.block label {
color: white;
}<HTML>
<HEAD>
</HEAD>
<BODY>
<p/>
<form action="/prepareUpdateCategoryList.do?forwardto=search">
<fieldset class="block" id="searchBlock">
<p>
<label style="width:80px">Class</label>
<div class="styled-select">
<select property="voucherCategoryClass">
<option value="0">Select </option>
<option value="7382">steam </option>
</select>
</div>
</p>
</fieldset>
</form>
</BODY>
</HTML>