在 MAC OS 下google 浏览器、Safari浏览器,为什么设置 submit 高度无效?

<style>
        form {
            width: 200px;
            height: 100px;
            border: 1px solid royalblue;
        }
        
        input {
               height: 50px;
            l/*ine-height: 50px;*/
        }
    </style>

    <body>

        <form action="" method="post">

            <input type="submit" value="提交" />
        </form>
    </body>

如图、MAC OS 下google 浏览器、Safari浏览器(火狐可以正常显示) submit 加宽度生效,高度不生效 line-height 也不行。审查元素显示高度生效的,但是显示就没有高度。
我将相同代码拷贝到 windows 上高度生效。然后再拷贝到另一台 MAC 电脑上测试也不行。
图片描述

阅读 6.6k
7 个回答

http://jsbin.com/wilecuguba/e...

并没有不生效,大概你是引入了别的样式文件导致了样式覆盖吧,可以右键审查元素看看应用的样式是否被覆盖了


-webkit-appearance: none;

去查了一下,使用该属性移除原生控件样式,当然我也没测试,但是题主可以试试.

我把代码复制过来看了,height有效果的,你看看是不是浏览器缓存的问题

height是可以的,你是用什么浏览器看的,顺便你把全部的代码拷贝来看看

试一下
display:inline-block;

box-sizing: border-box;
display: inline-block;
padding: 0;

试试这样呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题