CSSのコンテンツがFirefox/Edgeに表示されていない前の擬似要素

Question

CSS Psuedo要素のチェックボックスを使用して、アイテムが好きな場合に星を表示します。それはクロムで動作していますが、mozzilla/edgeや他のブラウザでは機能しません。他のブラウザで動作するためには、追加または変更する必要があります。

<input class="star favoriteStar" type="checkbox" title="bookmark page" value="781611"> 

.star { 
    visibility: hidden; 
    font-size: 30px; 
    cursor: pointer; 
    margin-right: 15px; 
} 

.star:before { 
    content: "\2605"; 
    position: absolute; 
    visibility: visible; 
    margin-top: -13px; 
} 

.star:checked:before { 
    content: "\2606"; 
    position: absolute; 
    margin-top: -13px; 
} 

Answer 1

これは入力に擬似要素を適用しようとしているためです。それをボタンに変更したい場合は、それが効果的かもしれません。この回答をここでご覧ください：

https://stackoverflow.com/a/4660434/7520831