Question

我正在尝试将提交按钮的边框设置为圆形但是当我尝试这个时它似乎不起作用：

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;
}

Answer 1

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

＆＃13;

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; 
  letter-spacing: 1px;
  border-width: 1px;
  width: 100px;
  -webkit-transition-duration: 0.4s; 
  transition-duration: 0.4s;
}

＆＃13;

<input type="submit" class="button2" />

<button type="submit" class="button2" >submit</button>

＆＃13;

检查元素并查看是否有任何其他外部CSS规则应用于该元素。如果其他规则的优先级高于您的优先级，则可能发生这种情况。

您可以通过互联网获得与CSS优先级相关的大量信息，给自己一些时间来掌控这一主题。以下是一些有用的链接 Priority Calculation ， Priority Rules

无法应用半径提交按钮

1 个答案: