5

重複の可能性：
input type =“ file”</a>のカーソルタイプを変更します

これは私のjsfiddleです：

http://jsfiddle.net/3zNMK/

このクラスにはすでにカーソルがありますが、機能していません。

.file
{
    cursor:pointer;
}

入力タイプファイル内のテキストボックスにホバーを付けても、手のアイコンに変更する必要があります。しかし、それは機能していません。

この動作を変更する方法はありますか？

4

3 に答える 3

6

このような操作を試してください

HTML

<span class="file-wrapper">
  <input type="file" name="photo" id="photo" />
  <span class="button">Choose a File</span>
</span>

CSS 

.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}
.file-wrapper .button {
  background: #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  margin-right: 5px;
  padding: 4px 18px;
  text-transform: uppercase;
}
​

デモ

于 2012-11-06T10:41:19.150 に答える
0

あなたcursor:hand;はあなたのフィドルで使用しました、これは時代遅れです。

を使用するcursor:pointer;と、入力にカーソルを合わせるとハンドカーソルが表示されます。

于 2012-11-06T10:35:07.053 に答える
0

cursor:handIE6のようないくつかの古いブラウザで理解されています。cursor:pointer代わりにユーザー

于 2012-11-06T10:36:19.203 に答える