用于文本输入的Safari边框颜色

Question

我有许多类型文本的输入，我已经放置了边框和边框颜色。它们在Chrome中显示得很好，但在Safari中，边框是我在两侧选择的颜色和另外两侧的基本蓝色。我在同一页面中的文本字段的边框没有问题。但是提交按钮也没有正确的边框颜色。

HTML：

<label for="email">Email address</label>
<input type="text" id="email" name="email" />

<label for="telephone">Phone number</label>
<input type="text" id="telephone" name="telephone" />

<label for="notes">Notes</label>
<textarea type="textarea" id="notes" name="notes" /></textarea>

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

CSS：

input, textarea, {
  display: block;
  width: 200px;
  height: 20px;
  margin: 0 !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  padding: 4px 8px !important;
  font-size: 16px;
  background-color: lightgrey;
  border-width: 2px !important;
  border-radius: 4px;
  border-color: #001b43;
  outline: none;
}

搜索周围，我找到了一些相关的问题和解决方案，并尝试过它们，但没有任何乐趣。例如：

input.text,
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

Answer 1

我把问题传递给了一位朋友。他很快意识到了这一点。解决方案是：

border-style: solid;