：之前：没有处理输入类型提交后？

Question

为什么：在input type='submit'

之前和之后：

这是我的代码

input.submit:before {     
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 18px/1 'Genericons';
    content: '\f400';
}

Answer 1

因为:before和:after仅适用于可以拥有子节点的节点。在您的情况下，使用按钮会起作用，因为它可以使用HTML。

---

  

5.12.3 The :before and :after pseudo-elements

     

＆＃39;之前＆＃39;和＆＃39;：之后＆​​＃39;伪元素可用于在元素内容之前或之后插入生成的内容。

由于输入不能包含内容，因此不支持

Answer 2

使用<button>

Have a fiddle!

HTML

<button>Submit</button>

CSS

button:before {    
display: inline-block;
    height: 20px; 
    background: #F00;
     -webkit-font-smoothing: antialiased;
     font: normal 18px/1 'Genericons';
    content: '\f400';
}

Answer 3

在您的代码中尝试使用类submit的目标按钮，但是您应该定位类似submit的按钮，如下所示

 input[type="submit"]:before {
         display: inline-block;
         -webkit-font-smoothing: antialiased;
         font: normal 18px/1 'Genericons';
         content: '\f400'; 
    }