label元素模擬button,解決不同瀏覽器對按鈕的padding值兼容性

HTML代碼

<button id="btn"></button>
<label for="btn">按鈕</label>

CSS代碼

button{
 position:absolute;
 clip: rect(0 0 0 0);
}
label{
 display:inline-block;
 line-height:20px;
 padding:10px;
 background:gray;
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章