VPF::стиль cursor: pointer на <input type = 'file' > - Форум программистов

Reptor

Дата 13.3.2010, 16:04 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1213
Регистрация: 29.12.2004

Репутация: нет
Всего: 0

есть вот такои вот хтмл... как можно сделать так что бы на <input type = 'file' > был cursor: pointer? просто в ФФ не получается..
тоесть как бы при наведении на надпись Attach a screenshot... был курсор

Код



<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body style="margin: 0px 0px 0px 0px;">

<style>
.cursor{cursor: pointer;}
.clear{clear: both;}
.float {float: left;}
#spaceused1{}
#file{
cursor: pointer;
position: relative;
z-index: 1000;
height: 21px;
margin-left: -200px;
width: 200px;
filter:alpha(opacity=0); /* IE 5.5+*/
-moz-opacity: 0.0; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.0; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */}
</style>

<form method="POST" action="/buy-now/answer" target="I1" enctype="multipart/form-data" style="width: 354px; text-align: left;" name="uploadImage">
    <div class="float" style="position: relative; z-index: 1; cursor: pointer; color: #35A6E7;  font: 76.8% Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif">Attach a screenshot...</div>
    <input type="file" name="attach" id="file" size="15" onchange="document.forms.uploadImage.submit();">
    
</form>



</body>
</html>

Это сообщение отредактировал(а) Reptor - 13.3.2010, 16:06

ksnk

Дата 15.3.2010, 10:08 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Выглядит, как будто FF наплевать на cursor:pointer для файлового инпута. Наиболее безгеморойный вариант -говорить всем, что это FF - сволочь...
Для обретения дополнительных проблем можно попытатся разместить див с надписью "выше" инпута и по событию "mousedown" менять ему z-index. Правда при этом файловый инпут все равно работать не будет, нужно бы это событие как-то до него доводить... во всяком случае, у меня так и не получилось его убедить...

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »