文件上傳樣式css

Question

我已經使用css從下面的提琴我的文件上傳。

http://jsfiddle.net/geniuscarrier/ccsGK/

我已經成功地實現它。但我想展示"what image i am choose"。像下面的截圖。

難道僅僅CSS實現???可能嗎？？請幫忙。

Answer 1

我懇請嘗試下面的CSS。

.btn-primary 
{ 
    color: #ffffff; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    background-color: #006dcc; 
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc); 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); 
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); 
    background-image: -o-linear-gradient(top, #0088cc, #0044cc); 
    background-image: linear-gradient(to bottom, #0088cc, #0044cc); 
    background-repeat: repeat-x; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); 
    border-color: #0044cC#0044cC#002a80; 
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
} 

問候 中號

Answer 2

您不能使用CSS實現這個目標，相反，嘗試使用jQuery用於索引選擇的文件。

Refer to this正確地解決這種情況。