Html 添加到<;高度/宽度的CSS填充;输入类型=';提交'&燃气轮机;
如果有人问过这个问题,我道歉,但我找不到完全相同的问题。正如W3所说,height属性不包括填充、边框或边距。下面是一个简单的样式声明:Html 添加到<;高度/宽度的CSS填充;输入类型=';提交'&燃气轮机;,html,css,Html,Css,如果有人问过这个问题,我道歉,但我找不到完全相同的问题。正如W3所说,height属性不包括填充、边框或边距。下面是一个简单的样式声明: input { width:180px; height:18px; padding:7px; border:1px solid black; } 下面是html: <input type='text' name='text' value='194px by 32px' /><br /> <input type=
input {
width:180px;
height:18px;
padding:7px;
border:1px solid black;
}
下面是html:
<input type='text' name='text' value='194px by 32px' /><br />
<input type='submit' name='button' id='button' value='180px by 18px' />
文本字段按预期为194px乘以32px,但提交按钮为180px乘以18px。显然,我可以将按钮的高度和宽度增加两倍,但我想了解为什么会有差异。我在这里做了一个jsfiddle:。谢谢你的帮助。仅供参考,我已经尝试了
而不是输入提交,并且显示:内联块
您可以通过添加框大小:内容框来解决此问题
以输入提交类型的元素。我不会亲自详细说明,我只派你去。但是,目前并不是所有浏览器都支持它,因此您可能会发现,为提交按钮专门声明不同的高度和填充更利于跨浏览器兼容性。Firefox和Safari通常不会在标准按钮上显示填充,因此如果您使用的是其中一种浏览器,则不会应用填充。我相信Internet Explorer确实应用了填充的一些效果(但不确定是否完美)@jqueryrocks,JSFIDLE在IE7、IE8、Safari和Firefox中看起来是一样的,所以它至少不是IE的问题;-)并不是所有的学校都这么说。为什么?请参见此处,以帮助您进一步了解高度/宽度。我知道w3schools没有权威性,但如果你在谷歌上搜索关于html或css的问题,它会不断出现,所以我引用了这句话,这样读者就会知道我在这里提问之前至少在谷歌上搜索过感谢一个有趣的链接。