前端之家收集整理的这篇文章主要介绍了
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;
}
原文链接:https://www.f2er.com/html/228542.html