HTML – 如何使输入提交按钮具有平面外观？

发布时间：2020-12-14 23:31:58 所属栏目：资源来源：网络整理

导读：这里我有一个提交按钮： input type="submit" value="submit" / 我想添加一些额外的样式,使其看起来平坦： input { border: 0; background: none; -webkit-appearance: none;} 这就是事后的看法：但是,如果仔细观察,提交按钮顶部仍有一些边框…… 有没有办

这里我有一个提交按钮：

<input type="submit" value="submit" />

我想添加一些额外的样式,使其看起来平坦：

input {
    border: 0;
    background: none;
    -webkit-appearance: none;
}

这就是事后的看法：

但是,如果仔细观察,提交按钮顶部仍有一些边框……
有没有办法去除凹陷或凸起的表面,使其看起来平坦？

解决方法

您需要将border,box-shadow和background设置为0 / none以删除按钮上显示的任何灰色外观.然后删除圆角将border-radius设置为0px.

规则是：

input[type="submit"]  
/* Or better yet try giving an ID or class if possible*/
{
 border: 0;
 background: none;
 box-shadow: none;
 border-radius: 0px;
}

（编辑：李大同）

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