html - 输入 CSS [类型 ="submit"]

Question

在我开始哭泣之前，有人可以解释一下为什么所有用于设置提交按钮样式的 CSS 解决方案都没有任何效果吗？我选择了 font-size: 50px 来让我知道我是否点击了正确的元素，但我还没有这样做:

 input[type="submit"].wysija-submit  {
        border-radius: 10px;
        border: none;
        box-shadow: none;
        font-family: inherit;
        font-size: 50px!important;
    }
    
    .wysija-submit input[type="submit"] {
        border-radius: 10px;
        border: none;
        box-shadow: none;
        font-family: inherit;
        font-size: 50px!important;
    }
    
    .wysija-submit.wysija-submit-field input[type="submit"] {
        border-radius: 10px;
        border: none;
        box-shadow: none;
        font-family: inherit;
        font-size: 50px!important;
    }

   <input class="wysija-submit wysija-submit-field" type="submit" value="Sign-up">
    
   

Answer 1

这个确实有效。

input[type="submit"].wysija-submit  {
    border-radius: 10px;
    border: none;
    box-shadow: none;
    font-family: inherit;
    font-size: 50px!important;
}

<input class="wysija-submit wysija-submit-field" type="submit" value="Sign-up">

---

.wysija-submit input[type="submit"] 和 .wysija-submit.wysija-submit-field input[type="submit"] 包含 descendant combinators所以它们不会匹配，因为左侧匹配输入，然后右侧不匹配，因为输入不能有后代。