Стиль ввода типа файла с JavaScript на нем

Question

Стиль ввода типа файла с JavaScript на нем

0

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

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

кнопка im, пытающаяся создать стиль

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

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

благодаря

Moncho Chavez 12 нояб. 2013, в 03:18

Источник

1

Javascript не влияет на стилизацию кнопки.
Barmar 12 нояб. 2013, в 01:45

Теги:

javascript

html

css

2 ответа

Ещё вопросы

Javascript не влияет на стилизацию кнопки.

DACrosby · Answer 1 · 2013-11-11T23-30-00.000Z

Атрибуты 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, однако, немного проблема по всем направлениям, потому что они просто сложны в стиле - не слишком много, что можно сделать по этому поводу. Взгляните сюда на SO для получения дополнительной информации, и здесь для еще одной возможной работы.

Moncho Chavez · Answer 2 · 2013-11-12T00-33-00.000Z

Я решил использовать этот отличный метод: 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;
}