2012-12-18 96 views
0

Select with Border我怎樣才能擺脫選擇輸入邊界

如何擺脫形象背後是白色的背景?

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> 

回答

0

那白色的背景是可能出現在您的圖像文件選擇,category.png。要刪除它,您將需要編輯圖像文件本身。

如果不是,那麼它來自別的地方。請提供一個自包含的小例子,其中包含足夠的代碼來演示問題,而不需要額外的任何代碼。將此代碼發佈到問題中或JSFiddle(jsfiddle.net)中。確保這個例子具有HTML(不是PHP)並且包含你的圖像文件。

+0

你是對的on..when我打開預覽中我的Mac上的圖像脫離了透明邊框,但它們在網絡上顯示。謝謝 – KraigBalla

1

我能想到的唯一的問題是您在另一方面的圖像,你可以嘗試

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

並作出純CSS3按鈕http://www.cssbuttongenerator.com/