[聚合文章] Chrome 无法改变 button 高度

CSS 2018-01-03 21 阅读

今天查看 中文转拼音页面 时,发下转换按钮的样式变成了默认样式了,重新再 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>

参考链接:

[css]button的高度无法改变

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。