File Upload Şeklini Değiştirmek

File upload görünümünü değiştirmek için aşağıdaki css kodlarını kullanabilirsiniz.
 
 

.upload {
            width: 106px;
            height: 32px;
            background: url(/eyurtsever/Images/btnfile.png); /* istediğiniz görseli koyun*/
            overflow: hidden;
            margin-bottom: 8px;
            cursor: pointer;
        }
.upload input {
                display: block !important;
                width: 106px !important;
                height: 32px !important;
                opacity: 0 !important;
                overflow: hidden !important;
                cursor: pointer !important;
            }
input.file {
            width: 150px;
            height: 20px;
            border: 1px solid #BBB;
            border-right: 0;
            color: #888;
            padding: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            outline: none;
        }

 
Kullanımı :


You may also like

1 Yorum

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.