Тип ввода типа файла с javascript на нем

Question

Привет, я делаю css интеграцию дизайна, а не про в javvascript, просто понимаю основы. во всяком случае ..

Я нашел файл ввода, что я не могу найти стиль, я нашел несколько учебников, но все они показывают, как это сделать на обычной кнопке, я боюсь вызвать проблему, возможно, для некоторых браузеров .. или некоторые другой вопрос ..

кнопка им пытается стиль

<input name="image1" type="file" class="imatienda" onChange="parent.window.location.hash = 'block';document.ajax_upload.submit();"> 

я нашел для примера этого, но, как я уже сказал, это работает на нормальном входной файл, без JavaScript уже на нем. : D

благодаря

Answer 1

атрибуты Javascript в основном не имеют отношения к CSS стилей.

<input name="image1" type="text" onChange="parent.window.location.hash = 'block';document.ajax_upload.submit();"> 

input{ 
    padding:15px 25px; 
    background:red; 
    border:none; 
} 

input type=file, однако, немного вопрос все вокруг доски, потому что они просто трудно стиль - не слишком много, что можно сделать. Посмотрите here on SO для получения дополнительной информации и here для еще одной возможной работы.

Answer 2

Я решил с помощью этого метода большой: D http://jsfiddle.net/gabrieleromanato/mxq9R/

HTML

<form action="" method="post" enctype="multipart/form-data"> 
    <div class="upload"> 
     <input type="file" name="upload"/> 
    </div> 
</form> 

CSS

div.upload { 
    width: 157px; 
    height: 57px; 
    background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png); 
    overflow: hidden; 
} 

div.upload input { 
    display: block !important; 
    width: 157px !important; 
    height: 57px !important; 
    opacity: 0 !important; 
    overflow: hidden !important; 
}