Javascript I'；我的按钮越来越不受欢迎，我似乎找不到如何改变它

编辑：我使用的是React而不是React Native

我正在用React做一个项目。我的一个按钮一直在继承具有特定字体大小的样式：19px，我在代码中找不到源代码。 我已经检查了代码好几次，试图找到一个相应的css代码，可以影响按钮。 我也试着改变字体大小，没有一个是19px，我的按钮的样式仍然是19px

这是我从chrome Inspect获得的按钮元素和样式：

<button class="Social-smallFont-6" style="display: block; border: 0px;
 border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px; color:
 rgb(255, 255, 255); cursor: pointer; font-size: 19px; margin: 5px; width:
 calc(100% - 10px); overflow: hidden; padding: 0px 10px; user-select: none;
 height: 50px; background: rgb(203, 63, 34);"><div style="align-items: center;
 display: flex; height: 100%;"><div style="display: flex; justify-content:
 center; min-width: 26px;"><svg xmlns="http://www.w3.org/2000/svg"
 width="26px" height="26px" fill="#ffffff" viewBox="0 0 50 50"></div><div
 style="width: 10px;"></div><div style="text-align: left; width: 100%;">Login
 with Google</div></div></button>

登录
与谷歌

---

有什么想法吗？

你是如何在react native上开发应用程序并在chrome上调试的

似乎您只是在使用react，下面是一个可能有帮助的答案：

在react中，要设置css类，可以使用

className

标记，而不是

class

。 在react native中，不设置

类

或

类名

，而是通过样式标记进行设置

您不能在

style

标记中传递字符串，而是传递一个对象：

style={{{color:'white'}

---

希望这能让您更好地理解如何设置样式。

您是否尝试过使用

！重要信息

？在没有看到更多css的情况下，我们只能开始对这个问题进行假设。也许有人设置了

字体大小：19px！重要的代码中的其他地方。如果在更高级别的定义中使用“重要”，它可能会覆盖上一个定义。CSS类Social-smallFont-6的定义是什么？您是在react还是react原生项目中使用此代码？在react native中，您不能使用dom元素（div、button）和大多数无法使用的样式属性！请检查问题，然后重试modify@Izbernado我用过！很重要，它成功了，谢谢！@Anthony是CSS类Social-smallFont-6，是我尝试使用的样式，我使用的是材质UI和更高的组件样式方法：
const styles=theme=>（{topright:{alignSelf:'flex start'，marginTop:0，position:'absolute'，}，smallFont:{fontSize:12+'px！重要'，宽度：30+'vh！重要'，}）；