HTML输入按钮css-height不适用于Safari和Chrome

前端之家收集整理的这篇文章主要介绍了HTML输入按钮css-height不适用于Safari和Chrome前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个非常基本的问题。我的html表单提交按钮的高度设置为50px。它适用于Firefox,但不适用于Chrome或Safari。代码简单如下:
<input type="submit" value="Send" style="height:50px;" />

任何想法如何使其在Chrome和Safari上工作?

解决方法

将其从< input>到< button>并添加-webkit-appearance:none;开始你的CSS,例如:
.submitbtn {
    -webkit-appearance: none;
    height: 50px;
    background-color:#FFF;
    color:#666;
    font-weight:bold;
    border: solid #666 1px;
    font-size: 14px;
}
原文链接:https://www.f2er.com/html/233580.html

猜你在找的HTML相关文章