html - 如何摆脱选择输入边框

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）并包含您的图像文件。