js在设置角标的时候因为浏览器默认样式（User Agent Stylesheet）不起作用

今天在设置角标的时候发现设置的<sup>属性在谷歌浏览器中不起作用，但在IE和火狐浏览器中都可以显示正常的效果

在谷歌上显示的效果：

在火狐上显示的效果：

原因查找：通过开发这工具，可以看到有如下这段代码

user agent stylesheet是浏览器默认样式表，在写网页时，没有指定的样式，按浏览器内置的样式表来渲染。网页展现时引用了默认的样式，没有按照设定的样式渲染。

解决办法：在css对应js中设定<sup>样式，谷歌浏览器正常显示

sup {
    vertical-align: super;
    font-size: smaller;
}