已解決430363個問題，去搜搜看，總會有你想問的

按鈕樣式在 JS 中不起作用

首頁猿問按鈕樣式在 JS 中不起作用

按鈕樣式在 JS 中不起作用

JavaScript

慕尼黑8549860 2023-09-21 10:06:04

看來我的類在我的 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;}我希望我提供了足夠的信息作為參考，并且這個問題沒有結束。我正在想另一種方法......也許重命名？非常感謝??！

查看完整描述

2 回答

江戶川亂折騰

TA貢獻1851條經驗獲得超5個贊

您的代碼通常是正確的，但您需要考慮幾件事。

如果您的父標簽<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>

反對回復 2023-09-21

慕碼人8056858

TA貢獻1803條經驗獲得超6個贊

您可以通過兩種方式制作按鈕：使用<input type="button" value="Content!">和<button>Content!</button>。

使用類和 id 來設置按鈕的樣式可以正常工作。

但是，如果您嘗試居中對齊按鈕，則必須將樣式放在父元素上，如下所示：

.parent {

text-align: center;

}

input, button {

color: red;

}

<button>Content!</button>

</div>

反對回復 2023-09-21

2 回答
0 關注
166 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

按鈕樣式在 JS 中不起作用

按鈕樣式在 JS 中不起作用

2 回答

添加回答