陣營與選定的文件自定義瀏覽按鈕被顯示

-1

我想瀏覽按鈕類一樣上傳按鈕：的className =「按鈕正常」，我應該怎麼辦陣營與選定的文件自定義瀏覽按鈕被顯示

<form name="uploadForm"> 
 
    <input name='uploadFile' id='uploadFile' type='file' style={{marginTop: '1%'}} onChange={this.check}/> 
 
    <br/> 
 
    <input type="button" value="Upload" style={{marginTop: '1%'}} className='button-normal' onClick={this.upload}/> 
 
</form>

來源

2017-02-06 Todayboy

你想要什麼樣的目的類名？爲造型還是其他？ –

風格，我需要所有的按鈕都在我們的網站相同，但是，我不知道如何使瀏覽按鈕相同。 – Todayboy

你可以直接應用你想要的樣式，通過分配任何其他類名或內聯樣式，如果我沒有錯？ –

我做它通過使用<label htmlFor=[fileInputID] ....>來僞裝和控制瀏覽按鈕，隱藏真正的瀏覽按鈕，並添加了一個新的禁用輸入來顯示上傳的文件名。但是，雖然我將標籤看起來像按鈕，但它仍然不像按鈕，我希望輸入的類型是「按鈕」，但仍然可以像htmlFor一樣工作，如果您有任何想法可以共享，則感激不盡。

check: function() { 
 
document.getElementById("name").placeholder = document.getElementById("uploadFile").files[0].name; 
 
    }, 
 
/// 
 
<form> 
 
<input name='uploadFile' id='uploadFile' type='file' style={{marginTop: '8px', fontSize:'17px', float: 'left'}} onChange={this.check} display= 'none' /> 
 
<label className='button-normal' style={{margin: '5px 5px 5px 5px', float: 'left'}} htmlFor='uploadFile'>Browse</label> 
 
<input id="name" placeholder="No file selected" style={{fontSize: '17px', marginTop:'7px'}} disabled="disabled"/> 
 
<input type="button" value="Upload" styles={{marginTop: '1%', float: 'left'}} className='button-normal' onClick=={this.upload}/> 
 
</form>

來源

2017-02-06 20:28:39 Todayboy

陣營與選定的文件自定義瀏覽按鈕被顯示

回答

相關問題