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元素设置样式现在，您可以使用可以用于许多元素的类

Answer 2

遗憾的是，我无法复制您的问题，我将HTML和CSS复制并粘贴到Codepen内，并且可以正常工作。

我唯一能想到的是您的浏览器中未加载更新的CSS。您可以通过执行强制刷新来清除缓存并使用CSS文件的最新版本来解决此问题。

按 CTRL + F5 触发强制刷新。

希望这可以解决您的问题。

旁注！

请注意，id仅允许存在一次。多次使用id对HTML的功能没有影响，但是您使用id的方式并不是这样。另外，我强烈，建议您不要在相同相同的id和class >元素。

因此，要在按钮上共享样式，您只需删除id="vote"，然后将其替换为class="vote"。

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

2 个答案: