如何摆脱选择输入边框

Question

如何摆脱图像背后的白色背景？

CSS：我认为webkit可以做到这一点，但它不是

 <style>
 .qq {
    background-image: url('../images/select-category.png');
    width: 148px;
    height:34px;
    -webkit-appearance: none;
  }
 </style>

HTML：

 <div style="float:left;">
      <form>
          <select id="basic" class="qq" onchange="showFolders(this.value)">
              <?php
                  foreach ($folder as $t)
                  {
                      echo '<option value="'.$t['folder_id'].'">'.$t['name'].'</option>';
                  }
              ?>  
          </select>
      </form>
  </div>

Answer 1

我能想到的唯一问题是你的形象另一方面你可以尝试

    img{
       background-color:transparent;
       border:none;
    }

并制作纯css3按钮http://www.cssbuttongenerator.com/

Answer 2

您的图像文件select-category.png中存在可能的白色背景。要删除它，您需要编辑图像文件本身。

如果没有，那么它来自其他地方。请提供一个小的自包含示例，其中包含足够的代码来演示问题，没有任何额外的内容。将此代码发布到问题中，或者发布在JSFiddle（jsfiddle.net）中。请确保此示例包含HTML（而不是PHP）并包含您的图像文件。