Style UploadFile In Asp.Net Using Css

Style UploadFile In Asp.Net menggunakan Css

Ketika kita ingin memodifikasi FileUpload di Asp.Net Supaya kelihatan Ggak Kuno,kita bisa Gunakan Style Css sebagai bumbunya,Saya disini akan berikan contohnya sebagai berikut,silakan anda copy paste saja ke kodingan anda.

File CSS:

<style type="text/css">

label.myLabel input[type="file"] {

    position: fixed;

    top: -1000px;

}

.myLabel {

    border: 1px solid #ccc;

    display: inline-block;

    padding: 6px 12px;

    cursor: pointer;

    font-weight:bold;

    color:#440000;

}

.myLabel:hover {

    background: #fa96ab;

    color:#29f8ec;

}

.myLabel:active {

    background: #CCF;

}

.myLabel :invalid + span {

    color: #A44;

}

.myLabel :valid + span {

    color: #4A4;

}

</style>

File HTML :

<label class="myLabel">

<asp:FileUpload ID="FileUpload1" runat="server"/>

<i class="icon-upload10"></i>Ambil Gambar

</label> 

Hasilnya Kurang Lebih Seperti Ini:

Demikian Semoga membantu,Silakan Anda bisa memodifikasinya Sendiri.

Selamat Belajar ASP.NET