文件上传样式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正确解决这种情况。