Html “after”的样式在浏览器中有所不同

我正在使用：after显示一个星号after输入框。不同浏览器呈现的样式不同。如何使其在所有浏览器中都显示相似。请在不同的浏览器中看到这一点，在中可以看到差异。

您可以设置：after的宽度和高度，并为输入提供自定义样式，以避免填充、边框等方面的差异

我查过safari、firefox和chrome

---

规范化输入？输入{padding:2px；border:1px solid；margin:2px；}即使这样也能看到一点差异。star在firefox中触摸输入字段，而不是在chrome中@很多东西在不同的浏览器中看起来都不一样！这就是@l2aelba提到CSS重置的原因——它是一个CSS样式表，旨在为您提供一个通用的基础来进行构建。

.a:after{
    content:'*';
    display:inline-block;
    position:absolute;
    top:-8px;
    right:-8px;
    width:8px;
    height:8px;
    text-align:center;
}
.a{
    position: relative;
    display:inline-block;
}
input {
    border:1px solid #ccc;
    margin:0;
    padding:2px;
}