css中设置button的高度无效的解决办法 #14

github:https://github.com/abaiweb/blog/issues/14

eg:css中设置button的高度无效的解决办法

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <style type="text/css">
    .put{
        height: 40px;
        width: 90px;
        }
    </style>
</head>
<body>
<input class="put" type="button" value="提交"/>
</body>
</html>

设置了高宽但是在浏览器中无法有效的显示,解决办法:

.put{
        height: 40px;
        width: 90px;
        -webkit-appearance:button;
	 appearance:button;
	-moz-appearance:button;
    
}

要在css的样式设置中添加外观属性button 这样就有效果了。