File upload görünümünü değiştirmek için aşağıdaki css kodlarını kullanabilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
.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ı :
1 |
<input type="file" class="upload"> |
1 Yorum
merhaba css dosya veya resim yükleme gösterme nasıl yapılıyor.