按钮样式在 JS 中不起作用
看来我的类在我的 JS 代码中不起作用。我尝试了几种方法，所以我将向您展示我所做的事情。
<h2 id="firstbutton" class="firstbutton" type="button">Let's go!</h2>
这个方法让我可以设置样式，但是按钮绝对不可见。
我的另一种方法是用“按钮”标签替换它，但这并没有让我设置按钮的样式，尽管我使用了该类。
<button id="firstbutton" class="firstbutton"> Let's go!</button>.
这种方式实际上给了我一个按钮，但它很小而且没有多大帮助。请记住，在我的 CSS 代码中我使用了这两种方法：
.firstbutton {text-align: center;}我的第二个：
#firstbutton {text-align: center;}我希望我提供了足够的信息作为参考，并且这个问题没有结束。我正在想另一种方法......也许重命名？
非常感谢！！
慕尼黑8549860浏览 110回答 2
2回答
-
江户川乱折腾
您的代码通常是正确的，但您需要考虑几件事。如果您的父标签<h2>是<body>标签，那么此.firstbutton {text-align: center;}代码将起作用。但是如果你的父标签<h2>不是<body>标签，你必须将父标签对齐到中心。示例：如果父代码是<div>，如下所示：<div> <h2 class="firstbutton" type="button">Let's go!</h2> <button class="firstbutton">Let's go!</button> </div>你必须这样做：<div align="center"> <h2 class="firstbutton" type="button">Let's go!</h2> <button class="firstbutton">Let's go!</button> </div> -
慕码人8056858
您可以通过两种方式制作按钮：使用<input type="button" value="Content!">和<button>Content!</button>。使用类和 id 来设置按钮的样式可以正常工作。但是，如果您尝试居中对齐按钮，则必须将样式放在父元素上，如下所示：.parent { text-align: center;}input, button { color: red;}<div class="parent"> <input type="button" value="Content!"> <button>Content!</button></div>
随时随地看视频慕课网APP
相关分类
JavaScript