Chrome 无法改变 button 高度
今天查看中文转拼音页面时,发下转换按钮的样式变成了默认样式了,重新再 Safari 打开,显示样式正常,怀疑是不是 Chrome 最近有改变对 css 的样式支持,Google 到高手秘籍:
源代码:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <style type="text/css">
    .set{
        height: 40px;
        width: 90px;
        }
    </style>
</head>
<body>
<input class="set" type="button" value="点击设置"/>
</body>
</html>解决方法一:
把 input 改为 button :
<button class="set" type="button" value="点击设置"/></button>解决方法二:
在css中增加一个参数(input button 类型,只能用 class 来修改样式);
<style type="text/css">
.set{
    -webkit-appearance:button;
    height: 40px;
    width: 90px;
    }
</style>参考链接: