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

发布时间：2020-12-14 22:24:13 所属栏目：资源来源：网络整理

导读：我有一个非常基本的问题。我的html表单提交按钮的高度设置为50px。它适用于Firefox，但不适用于Chrome或Safari。代码简单如下： input type="submit" value="Send" style="height:50px;" / 任何想法如何使其在Chrome和Safari上工作？解决方法将其从 input

我有一个非常基本的问题。我的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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!