輸入字段和自定義圖標

我希望用戶能夠直接從手機更新圖像，並且新的HTML5輸入字段可以實現這一點。然而，輸入字段像往常一樣相當醜陋，所以我想做一個設計，在圖片中間有一個攝像頭圖標。輸入字段和自定義圖標

Screenshot

由上述可見（旁邊的不居中）我需要擺脫舊輸入字段，在那裏我可以使用這些的：

  ::-webkit-input-placeholder { /* WebKit browsers */ 
       color: #999; 
      } 
      :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
       color: #999; 
      } 
      ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
       color: #999; 
      } 
      :-ms-input-placeholder { /* Internet Explorer 10+ */ 
       color: #999; 
      }

但是這並沒有使相機圖標點擊。我該怎麼做呢？

來源

2014-03-31 Morten Hjort

我想你需要的是同樣喜歡這樣的疑問： Icon inside button in HTML

由於@Alec解釋說：

CSS：

.facebook-button { 
background: url('facebook-logo.png') left center no-repeat; 
padding-left: 15px;

}

HTML：

<input type="button" class="facebook-button" value="Facebook" />

來源

2014-03-31 18:05:23

輸入字段和自定義圖標

回答

相關問題