Css Can'；t应用半径提交按钮

我正在尝试使提交按钮的边框变圆，但尝试此操作时似乎不起作用：

input[type="submit"].button2,
button[type="submit"].button2{
  border-radius: 12px;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  border-color: #d21151;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  background-color: #d21151;
  border-radius: 5px;
  letter-spacing: 1px;
  border-width: 1px;
  width: 100px;
  -webkit-transition-duration: 0.4s; 
  transition-duration: 0.4s;
}

---

你的风格很好。下面是一个演示片段

输入[type=“submit”]。按钮2，
按钮[type=“submit”]。按钮2{
边界半径：12px；
颜色：#ffffff；
字体系列：“Raleway”，无衬线；
边框颜色：#d21151；
字体大小：11px；
字体风格：普通；
字号：600；
背景色：#d21151；
字母间距：1px；
边框宽度：1px；
宽度：100px；
-webkit转换持续时间：0.4s；
过渡时间：0.4s；
}

提交

您的风格很好。下面是一个演示片段

输入[type=“submit”]。按钮2，
按钮[type=“submit”]。按钮2{
边界半径：12px；
颜色：#ffffff；
字体系列：“Raleway”，无衬线；
边框颜色：#d21151；
字体大小：11px；
字体风格：普通；
字号：600；
背景色：#d21151；
字母间距：1px；
边框宽度：1px；
宽度：100px；
-webkit转换持续时间：0.4s；
过渡时间：0.4s；
}

提交

检查该元素并查看其他css样式是否覆盖了您的选择器或发布HTML。您可以在这里构建一个演示：您定义了两次

边界半径。删除
边框半径：5px设置得稍微低一点。感谢您指出这一点。我删除了5px边界半径线，但它仍然不起作用。HTML:Submit@Jonathan不幸的。。。。是的，它可能会坏。。那么唯一的事情就是让你的风格也变得重要。。同时将css文件放在主题css文件之后。。概念是因为两者都很重要，所以从顶部读取HTML DOM时放在最后的文件将具有优先权。检查该元素，看看是否有其他css样式覆盖了选择器，或者请发布HTML。您可以在这里构建一个演示：您定义了两次
边界半径。删除
边框半径：5px设置得稍微低一点。感谢您指出这一点。我删除了5px边界半径线，但它仍然不起作用。HTML:Submit@Jonathan不幸的。。。。是的，它可能会坏。。那么唯一的事情就是让你的风格也变得重要。。同时将css文件放在主题css文件之后。。概念是因为两者都很重要，所以从顶部读取HTML DOM时放在最后的文件将具有优先权。