Html Can'；t设置提交按钮的样式

我似乎不明白为什么我不能设计我的提交按钮

代码片段演示：

#联系表格{
最大宽度：400px；
保证金：0自动；
填充：15px；
边框：1px纯黑；
文本对齐：居中；
背景：#e6；
}
#联络表格h2{
背景：#00AF83；
颜色：#fff；
}
#联系方式[type=“text”]、[type=“email”]、[name=“message”]、[type=“submit”]{
宽度：100%；
大纲：无；
背景：#fff；
边缘底部：10px；
}
#联系方式输入[type=“text”]：焦点，[type=“email”]：焦点，[name=“message”]：焦点，[type=“submit”]：焦点{
盒影：0 0 5px#43d1af；
边框：1px实心#43D1AF；
}
/*因为某些原因，我无法阻止这一切*/
#联系表格输入[type=“submit”]{
背景：#00AF83；
边框：1px纯红；
颜色：#fff；
填充：10px0；
}

联系

这是因为您的选择器错误。

输入

和

[type=“submit”]

之间不应该有空格。对于空格，选择器会说“选择嵌套在

input

下的任何内容，其中类型为“submit”，这不是您试图访问的内容

#联系#表单输入[type=“submit”]{
背景：#00AF83；
边框：1px纯红；
颜色：#fff；
填充：10px0；
}
#联络表格{
最大宽度：400px；
保证金：0自动；
填充：15px；
边框：1px纯黑；
文本对齐：居中；
背景：#e6；
}
#联络表格h2{
背景：#00AF83；
颜色：#fff；
}
#联系方式[type=“text”]、[type=“email”]、[name=“message”]、[type=“submit”]{
宽度：100%；
大纲：无；
背景：#fff；
边缘底部：10px；
}
#联系方式输入[type=“text”]：焦点，[type=“email”]：焦点，[name=“message”]：焦点，[type=“submit”]：焦点{
盒影：0 0 5px#43d1af；
边框：1px实心#43D1AF；
}

联系

为什么不这样使用：

<input type="submit" name="send" class="myclass" placeholder="Send" />

.myclass{
  background: #00AF83;
  border: 1px solid red;   
  color: #fff;
  padding: 10px 0; 
}