風格元素的輸入[類型=「提交」]「和」按鈕「與其他元素具有不同的寬度

通過給予寬度不同的數值（並因此具有相等的可見寬度），很容易變通解決方法，許多。風格元素的輸入[類型=「提交」]「和」按鈕「與其他元素具有不同的寬度

下面的代碼：

<!DOCTYPE html> 
<style> 
.box { 
    width: 6em; 
    margin: 1em auto; 
    padding: 1em; 
    font-family:sans-serif; 
    font-size: 1em; 
    font-weight: bold; 
    border: none; 
    display: block; 
    text-decoration:inherit; 
    text-align:center; 
    color:inherit; 
    background-color:blue; 
} 
</style> 
<html> 
<body> 
<a class="box">Anchor</a> 
<input type="submit" class="box" value="Input" /> 
<button type="submit" class="box">Button</button> 
</body> 
</html>

和的jsfiddle：http://jsfiddle.net/TRmtp/

來源

2013-12-08 musicguyguy