html - 如何制作一个平面外观的输入提交按钮？

Question

这里我有一个提交按钮:

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

我想添加一些额外的样式，使它看起来更扁平:

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

之后是这样的:

不过仔细看，提交按钮的上方还是有一些边框……有什么方法可以去除凹陷或凸起的表面，使其看起来平整吗？

Answer 1

您需要将 border、box-shadow 和 background 设置为 0/none 以消除按钮上出现的任何灰色外观。然后移除圆 Angular ，将 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;
}