Это, как я есть:Как я могу изменить css ввода ["file"]?
<!-- Files button -->
<span class="new">+ Añadir archivos</span>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#in-btn").hover(function()
{
$(".new").addClass("blue-blue");
});
$("#in-btn").mouseleave(function()
{
$(".new").removeClass("blue-blue");
});
});
$('#in-btn').change(function(){
var files = $(this)[0].files;
var text= " Archivos añadidos";
if(files.length > 250){
alert("250 archivos máximos");
}else{
var num_archivos = files.length + text;
$("#num_archivos").text(num_archivos);
}
});
</script>
Не заботьтесь о JavaScript, это другое дело. Я использую его для отправки текстового сообщения с количеством выбранных файлов.
Это мой css: Есть два входных файла. Обычный и входной файл с идентификатором.
input[type="file"]{
position: relative;}
#in-btn{
position: absolute;
opacity: 0;
cursor: pointer;
border: 1px solid;
z-index: 100;
width: 15%;
height: 25px;}
.new{
position: relative;
background: #526ed9;
padding: 10px 25px;
color: #fff;
cursor: pointer;
border-radius: 50px;
font-size: 14px;}
.new:hover{
background: #2d4ecb;
-webkit-transition:background 0.3s ease-in-out;
-moz-transition:background 0.3s ease-in-out;
transition:background-color 0.3s ease-in-out;}
.blue-blue{
background: #2d4ecb;
-webkit-transition:background 0.3s ease-in-out;
-moz-transition:background 0.3s ease-in-out;
transition:background-color 0.3s ease-in-out;}
Это CSS –
Как я могу добавить CSS на этой странице, как код? –
это не CSS, это JavaScript. – sevenseacat