html - 我无法从 CSS 页面更改按钮的大小

Question

我想更改网页上输入提交按钮的大小。我使用了此页面上介绍的方法 How to edit the size of the submit button on a form?

但是除了我直接在输入行的html代码中更改按钮大小的方法外，我无法编辑按钮的大小。这是我当前的代码:

网页:

p,h1,h2,label
{
	text-align: center;
}
body
{
	background-color: white;
	
}
#vote
{
	border: none;
	width: 100px;  height: 50px;
}

<header> 
<h1> Site de vote </h1>
<h2> Télécommande de vote </h2>
</header>
<input type="submit" value="test" id="vote" class="vote" /> 

<form action="page_validation.php" method="post">
<p>
<input type="submit" name="reponse1" value="A" id="vote" class="vote"/>
<input type="submit" name="reponse2" value="B" id="vote" class="vote" />
</p>
<p>
<input type="submit" name="reponse3" value="C" id="vote" class="vote"/>
<input type="submit" name="reponse4" value="D" id="vote" class="vote"/>
</p>
<p>
<input type="submit" name="reponse5" value="E" id="vote" class="vote" />
</p>
<input type="hidden" name="numero_question" value="" />
<input type="hidden" name="user_name" id="theid" value="" />
<input type="hidden" name="eval_number" id="myid" value="" />
</form>

我尝试使用 id (#vote) 类 (input.vote) 并且我只尝试了 input[type=submit] 但这些都不起作用。在 css 页面中应用的所有其他更改(p、h1、...)都可以正常工作。

Answer 1

问题是你已经为许多元素使用了 id="vote"，你必须在页面中只使用每个 id 一次，为每个元素使用特定的 id，如果你想为 manu 元素设置样式此刻，您可以使用可用于许多元素的类