组件中的input设置样式不会生效

为了便于复用和后期维护，我自己写了一个input组件，简单的说就是创建了有个FormInput页面，里面写了个input，而我所有的页面要使用input输入框时，直接使用FormInput。

当前发现我的输入竟然出现了边框等非我定义的样式。
经过尝试发现，在FormInput页面里，写input{background:red;}不会生效；
在App.vue的全局style里加input{background:red;} 对于直接的input会生效，但FormInput组件里的input也不会生效。

当前处理方式是，组件的input里加了class，针对class重新定义css来处理了，但比较好奇，这是为什么？