光標：指針不工作的輸入類型的文件

可能重複：
Change cursor type on input type=「file」光標：指針不工作的輸入類型的文件

這是我的jsfiddle：

這個類已經有一個光標但不工作：

.file 
{ 
    cursor:pointer; 
}

我希望即使在輸入類型文件內的文本框上進行懸停，它也應該更改爲手形圖標。但它不起作用。

有沒有辦法改變這種行爲？

來源

2012-11-06 Jack

@Andy沒有什麼區別。 –

http://stackoverflow.com/questions/4112643/jquery-cursor-pointer-on-a-file-input-possible和http://stackoverflow.com/questions/1537223/change-cursor-type-on-input類型文件是相關的。 – Aziz

@安迪：是的，沒錯。但是這不應該有所作爲。光標移動到文本框的主要問題仍然存在。 – Jack

嘗試一些操作這樣

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; 
}

DEMO

來源

2012-11-06 10:41:19 Sowmya

晚會有點遲，你能評論1％的不透明度而不是0嗎？我找不到任何拒絕或推翻0的瀏覽器... – Barney

你在你的小提琴上使用了cursor:hand;，這已經過時了。

如果您使用cursor:pointer;，則懸停輸入時會出現手形光標。

來源

2012-11-06 10:35:07 Weacked

對不起，沒有明白你的意思。什麼是過時的？手或指針？我用過指針。 – Jack

你已經在小提琴上使用過「手」，但這也沒有任何區別。這應該是一個評論。 –

那麼有什麼不工作？ – Weacked

cursor:hand是很少有老的瀏覽器，像IE6一樣。用戶cursor:pointer代替

來源

2012-11-06 10:36:19 Ahmad

光標：指針不工作的輸入類型的文件

回答

相關問題