相关疑难解决方法(0)

选择箭头样式更改

我正试图用我自己的图片替换选择的箭头.我将选择包含在具有相同大小的div中,我将选择的背景设置为透明,并且我在div的右上角包含一张图片(与箭头大小相同)作为背景.

它只适用于Chrome.

在此输入图像描述

我怎样才能使它在Firefox和IE9中工作,我得到了这个:

在此输入图像描述

.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;
}

Run Code Online (Sandbox Code Playgroud)

<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 …

Run Code Online (Sandbox Code Playgroud)

css select

use*_*439

2017 06-19

104
推荐指数

13
解决办法

40万
查看次数

标签统计

css ×1

select ×1

选择箭头样式更改

标签 统计

标签统计