问

css - 在 MAC OS 下google 浏览器、Safari浏览器，为什么设置 submit 高度无效？

mobiledu2502855913 发布于 2022-11-04 13:19

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

7 个回答

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

试试这样呢?

2022-11-08 02:28 回答

perfect_rl

试一下
display:inline-block;

2022-11-08 02:42 回答

zhuzhuxiaozhuzhu
具体原因不太清楚
为什么 input 不能设置高度

2022-11-08 02:46 回答

小白也坚强_177
height是可以的，你是用什么浏览器看的，顺便你把全部的代码拷贝来看看

2022-11-08 02:51 回答

ck凯悦风_855
height是可以生效的啊。测试地址：http://runjs.cn/detail/eezeqehm

2022-11-08 02:51 回答

骑蜗牛追神81986
我把代码复制过来看了，height有效果的，你看看是不是浏览器缓存的问题

2022-11-08 02:56 回答

是个success
http://jsbin.com/wilecuguba/e...

并没有不生效,大概你是引入了别的样式文件导致了样式覆盖吧,可以右键审查元素看看应用的样式是否被覆盖了
```
-webkit-appearance: none;
```
去查了一下,使用该属性移除原生控件样式,当然我也没测试,但是题主可以试试.
2022-11-08 02:58 回答

缅甸环球国际

撰写答案

今天，你开发时遇到什么问题呢？

热门标签