如何在html + css中调整label = for

Question

在我正在开发的wep app中我有以下情况：

因此您可以看到我必须调整显示红色错误消息的标签的位置。检查源代码中的元素我看到我必须调整：

<label for="oggetto" generated="true" class="error" style="display: block;">Seleziona almeno un oggetto</label>

<label for="allegato_contratto" generated="true" class="error">Allega il file del contratto col cliente</label>

<label for="allegato_preventivo" generated="true" class="error">Allega il file del preventivo</label>

<label for="modalita_pagamento" generated="true" class="error">Seleziona una modalità di pagamento</label>

因此，我根据StackOverflow中的主题编写了这个CSS表：

label[for=oggetto] {
  padding: 76px 0px 0px 60px;
} 

label[for=modalita_pagamento] { 
  padding: 13px 0px 0px 60px;
}

这个样式表在html源代码中正确加载但是不起作用......你知道为什么吗？

Answer 1

如果没有看到相关的HTML和CSS，我无法确定，但很可能您的CSS label {}代码不够具体。尝试将包含div元素的label添加到您的CSS中，如下所示：

.container-div label[for="oggetto"] {
  padding: 76px 0 0 60px;
}