У меня есть такая форма:
<form method="POST">
<p>
Nazwa kategorii: <br />
<input name="NazwaKat" type="text" width="80" />
</p>
<p>Opis kategorii: <br />
<textarea name="OpisKat" columns="80" rows="3"></textarea>
</p>
<p>Obrazek: <br />
<input class="img" type="file" pattern="*.jpg" name="image" />
</p>
<p>
<input type="submit" value="Zapisz"/>
</p>
</form>
С помощью CSS вот так:
input, textarea
{
border: 1px solid #bbb;
width: 100%;
}
В каждом браузере вход для загрузки моего файла выглядит по-разному. Я пробовал IE, FF и Opera. Почему это происходит?
Firefox показывает окно с именем файла и кнопку с 3d-рамкой,
IE показывает кнопку "Обзор ..." с 3d рамкой, но поле с именем файла в порядке.
Под оперой все ок - без 3d границ.
Я использую reset.css вот так:
/* Browser style reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
/* Removes Firefox imposed outline */
a { outline: none; }
/* Clearing floats without extra markup */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
Есть ли способ обойти это?
Кстати - есть ли способ выровнять текст имени файла по правой стороне? Когда путь длинный, имя файла не видно, только начало патча «C: \ Users \ Myusername \ Documents» и т. Д. Я хочу увидеть имя файла, а не путь!