使輸入字段透明

Question

我想採用標準輸入字段並使其看起來更好。 所以我用我的網頁上該圖像爲輸入域：

要使用它，我的網頁上，我用這個代碼：

HTML：

<input type="text" class="inputstyle" /> 

CSS

.inputstyle { 
padding:7px 10px 5px 10px; 
width:251px; 
height: 38px; 
background: url('images/form_smaller.png') no-repeat 0 center; 
border:0; 
font-size:14px; 
} 

當輸入字段在白色背景上時，這不是問題。但我有一個淺綠色背景的輸入字段，它使得輸入域這個樣子的：

我的問題是：如何刪除原始輸入字段的角落讓它看起來很棒？

Answer 1

要回答你的實際問題，你只需要使圖像成爲一個透明的GIF或PNG。 Photoshop會很容易地做到這一點，只需刪除背景圖層，確保您的輸入具有背景，並使用文件>保存網絡和設備。

但是，我不會推薦去替換輸入背景圖像。一個簡單的邊界半徑將在所有現代瀏覽器上完成這項工作。