Com este css eu altero todos os inputs
de meus autocomplete
:
.ui-autocomplete-multiple ul{
padding:0;
background-color: red !important;
}
O problema é que eu preciso aleterar apenas de uma tela e não de todas, como eu posso referenciar para que seja alterado apenas da tela cujo id seja x ou passo um styleClass
como parâmetro ?
EDITADO
Este é o html gerado:
<div id="manageEventoPermanenciaNavioForm:pidoS" class="ui-autocomplete-multiple">
<ul class="ui-autocomplete-multiple-container ui-widget ui-inputfield ui-state-default ui-corner-all" style="float:left">
<li class="ui-autocomplete-input-token"><input id="manageEventoPermanenciaNavioForm:pidoS_input" name="manageEventoPermanenciaNavioForm:pidoS_input" autocomplete="off" type="text"></li>
</ul>
<button class="ui-button ui-button-autocomplete ui-widget ui-state-default ui-corner-right ui-button-icon-only" type="button"><span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-text"> </span></button><select id="manageEventoPermanenciaNavioForm:pidoS_hinput" name="manageEventoPermanenciaNavioForm:pidoS_hinput" multiple="multiple" class="ui-helper-hidden"></select>
</div>
id
do elemento é encontrado em outras telas?.ui-autocomplete-multiple
. Tem certeza que está certo ou que o CSS está correto?