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

前端之家收集整理的这篇文章主要介绍了HTML – 如何使输入提交按钮具有平面外观?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这里我有一个提交按钮:
<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;
}

猜你在找的HTML相关文章