为了账号安全,请及时绑定邮箱和手机立即绑定

input submit高度问题

input submit高度问题

慕森卡 2019-04-13 08:45:55
调节input的button和submit等按钮样式的时候,写了height值,发现input的按钮样的高度是包括padding和border的,即height(css)=height(input)+padding+border,我是在chrome中发现这个问题的,firefox没有安装,所以没有尝试,求解答和解决方法。
查看完整描述

2 回答

?
梦里花落0921

TA贡献1772条经验 获得超6个赞

input[type="submit"]的box-sizing是border-box,和input[type="text"]不同;
可以使用:box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;
                            
查看完整回答
反对 回复 2019-04-13
?
一只甜甜圈

TA贡献1836条经验 获得超5个赞

我觉得你已经回答了自己的问题啊。。。
border和padding都是可以清零的,但是border清零会同时清除默认的背景样式(渐变的效果)。
如果不想清除默认的背景样式,那就把width设置成(你想要的宽度-padding-border),height同理。
但是不同浏览器、操作系统里的默认按钮样式可能不同,所以现在很普遍的做法是,清除默认的padding和border,完全自己设置它的样式。
最后补充一点,与问题无关,但是忍不住想说:写网页,该装的浏览器是必须要装的,这是专业精神和态度的体现。既然已经考虑到Firefox了,装一下试一下何妨呢?
                            
查看完整回答
反对 回复 2019-04-13
  • 2 回答
  • 0 关注
  • 438 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信