我正在嘗試根據(jù)個(gè)人喜好設(shè)置文件上傳按鈕的樣式,但如果沒(méi)有JS,我找不到任何真正可行的方法。我確實(shí)找到了 關(guān)于這個(gè)主題的另外兩個(gè)問(wèn)題,但那里的答案要么涉及JavaScript,要么建議采用Quirksmode的方法。這個(gè)Quirksmode方法的主要問(wèn)題是文件按鈕仍然具有瀏覽器定義的尺寸,因此它不會(huì)自動(dòng)調(diào)整為用作放置在其下方的按鈕的任何內(nèi)容。我已經(jīng)制作了一些基于它的代碼,但它只占用了文件按鈕通常占用的空間,所以它根本不會(huì)像我想要的那樣填充父div。HTML:<div class="myLabel"> <input type="file"/> <span>My Label</span></div>CSS:.myLabel { position: relative;}.myLabel input { position: absolute; z-index: 2; opacity: 0; width: 100%; height: 100%;}這個(gè)小提示演示了這種方法是如何存在嚴(yán)重缺陷的。在Chrome中,單擊!!下面的第二個(gè)演示按鈕將打開文件對(duì)話框,但在所有其他瀏覽器中,文件按鈕不會(huì)占用按鈕的正確區(qū)域。有沒(méi)有更堅(jiān)實(shí)的方式來(lái)設(shè)置文件上傳按鈕的樣式,沒(méi)有任何JavaScript,并且最好使用盡可能少的“hacky”編碼(因?yàn)楹诳屯ǔ?lái)其他問(wèn)題,例如小提琴中的那些)?
添加回答
舉報(bào)
0/150
提交
取消