在使用CSS样式为按钮添加样式时，有时候会出现边框和阴影的问题，这些问题可能会影响我们的设计效果，那么如何解决呢？

首先，让我们看一下以前设置按钮样式的方法：

button {background-color: #1E90FF;border: none;color: white;padding: 10px 20px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;border-radius: 5px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}

在上面的代码中，我们已经将按钮的边框去掉了。但是有时候，这仍然无法解决问题，因为还有阴影。

为了去掉按钮的阴影效果，我们只需要再添加一行CSS样式：

button:focus {outline: none;}

这样一来，我们的按钮就没有了边框和阴影效果！

例如：

button {background-color: #1E90FF;border: none;color: white;padding: 10px 20px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;border-radius: 5px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}button:focus {outline: none;}

如果你想进一步美化按钮，可以为按钮添加hover效果：

button:hover {background-color: #6495ED;}

如此一来，我们就创建了一个美观实用的按钮，而且去除了边框和阴影效果。

总的来说，通过添加:focus和:hover伪类，我们可以完美的解决去除按钮的阴影和边框的问题。