Html Chrome浏览器中的按钮高度扭曲
我的按钮在Firefox中显示良好 但高度在铬合金中变形 这是我的密码 HTMLHtml Chrome浏览器中的按钮高度扭曲,html,css,google-chrome,Html,Css,Google Chrome,我的按钮在Firefox中显示良好 但高度在铬合金中变形 这是我的密码 HTML <input name="Submit" type="image" onclick="return CheckForm1();" class="button submit" /> 是的，我确实清除了缓存 测试页面是 为什么在这里使用type=“image”？如果不通过src属性实际引用图像，这又有什么意义呢 将其更改为type=“submit”（并更改浏览器可能使用的值的默认值，如果您不满意该值
<input name="Submit" type="image" onclick="return CheckForm1();" class="button submit" />
type=“image”srctype=“submit”值的默认值，如果您不满意该值），它将显示大致相似的内容。（根据需要调整字体设置、边框和填充等次要问题。）
为什么在这里使用type=“image”
？如果不通过src
属性实际引用图像，这又有什么意义呢
将其更改为type=“submit”
（并更改浏览器可能使用的值的默认值，如果您不满意该值），它将显示大致相似的内容。（根据需要调整字体设置、边框、填充等小问题。）我没有写的那部分代码，所以不确定他们为什么使用type=“image”
。是的，你的解决方案是有效的。我没有写那部分代码，所以不确定他们为什么使用type=“image”
。但你的解决方案确实奏效了。
.button {
color: #fff;
display: inline-block;
line-height: normal;
margin-bottom: 20px;
text-align:center;
text-decoration: none;
}
.button:hover {
background-color: #fff;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.submit {
background-color: #1ea1e3;
border: #1ea1e3 3px solid;
color: #fff;
font-size: 20px;
padding: 10px 0;
width: 300px;
max-width: 100%;
}
.submit:hover {
border: #1ea1e3 3px solid;
color: #1ea1e3;
}