1
A
回答
1
它的工作,在CSS和編程技術的幫助下;我總是習慣按照方法如下:
<style>
.mainDiv {
position:relative; height:auto; width:300px;
}
#brwShow {
position: absolute;
text-align:right;
top: 0px;
left: -1px;
z-index: 1;
background:#F60;
height:26px;
width:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:26px;
color:#FFF;
margin-left:10px;
}
#brwField {
width:155px;
height:26px;
margin-right:85px;
font-size:16px;
border:solid 1px #000;
}
#hideBrowse {
position:relative;
width:240px;
height:26px;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
.textUpload {
position:absolute;
height:20px;
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
left: 183px;
top: 3px;
line-height:20px;
z-index:10001;
}
</style>
和HTML是
<div class="mainDiv">
<input type="file" size="24" id="hideBrowse" onchange="getElementById('FileField').value = getElementById('BrowserHidden').value;" />
<div id="brwShow"><input type="text" id="brwField" /></div>
<div class="textUpload">Upload</div>
</div>
相關問題
- 1. 更改Fileupload控件中的按鈕樣式
- 2. ASP.NET FileUpload - 如何更改「瀏覽...」按鈕描述的語言?
- 3. 如何用FileUpload控件的圖像替換瀏覽器按鈕?
- 4. 如何更改在php文件上傳器中瀏覽按鈕樣式
- 5. 如何在Google地圖中更改控件div中的按鈕樣式?
- 6. 如何更改android的按鈕樣式
- 7. 如何更改刪除按鈕樣式?
- 8. 如何在不使用FileUpload的情況下瀏覽asp.net中的文件並使用按鈕瀏覽文件夾?
- 9. 是否可以更改文件上傳html控件中「瀏覽」按鈕的樣式?
- 10. Winform瀏覽器控件「附件」按鈕
- 11. 如何更改按鈕邊界外按鈕的樣式
- 12. 通過更改按鈕樣式更改按鈕顏色
- 13. 我如何更改控件在xaml中按下按鈕時
- 14. 按下後更改按鈕樣式 - CSS
- 15. 如何在Android中動態更改按鈕樣式?
- 16. 在網頁中瀏覽/瀏覽按鈕
- 17. 如何修改iOS中phonegap的瀏覽器控件以獲得菜單按鈕?
- 18. 在不同瀏覽器中更改導航按鈕大小
- 19. 如何更改CSS樣式取決於瀏覽器
- 20. 如何更改按下狀態的按鈕樣式?
- 21. 如何更改Android中的默認按鈕樣式?
- 22. 如何更改android中按鈕的樣式?
- 23. jQuery UI按鈕 - 如何更改樣式和圖標選中按鈕?
- 24. 點擊後更改按鈕樣式
- 25. 動態更改按鈕樣式
- 26. jqgrid formatter'actions' - 更改編輯按鈕樣式
- 27. 使用VisualStateManager更改按鈕樣式
- 28. 更改MediaRouteControllerDialog上的按鈕樣式
- 29. 更改按鈕樣式編程
- 30. 更改按鈕樣式動態
的可能重複[如何應用CSS瀏覽按鈕(http://stackoverflow.com/questions/ 4365431 /如何應用css-to-browse-button) – 2012-07-25 11:56:16
很難在很大程度上控制文件輸入瀏覽按鈕的樣式。 – 2012-07-25 11:56:42