0

How would be css selector of p:autocomplete element, inside a html renderized table, like that?

<p:dataTable id="tabelaItens" value="#{cadastroPedidoBean.itens}" var="item">
    <p:column headerText="SKU" style="text-align: center; width: 100px">
        <p:inputText size="8" />
    </p:column>

    <p:column headerText="Produto">
        <p:autoComplete id="autocomplete" />
    </p:column>
BicaBicudo
  • 307
  • 1
  • 8
  • 20
  • 1
    There is no 'the' css selector. And in this case it might also depend on what comes before it. Use a browser developer tool and inspect the client-side generated html and deduce what csz selector suites you . Plain and (rather) simple – Kukeltje May 09 '18 at 18:26
  • Solved. The problem was related to the PF version. In older versions than 5.X, the nested class didn't must have the property setted. Ex: < 5.x .myClass input { prop: value; } Ex: >= 6.x .myClass input { prop: value !important; } .myClass { prop: value !important; } – BicaBicudo May 10 '18 at 19:25
  • 1
    using !important is not the right choice. https://stackoverflow.com/questions/8768317/how-do-i-override-default-primefaces-css-with-custom-styles – Kukeltje May 10 '18 at 20:09
  • 1
    And what you descibe of 'solved' is for me totally unclear how it is related to the question. Either improve the question and create a real answer or remove the question. – Kukeltje May 11 '18 at 08:37
  • Or better to you, clear your answer kuketje! – BicaBicudo May 11 '18 at 20:55
  • And go master PF! – BicaBicudo May 11 '18 at 20:57
  • 'clear my answer'??? And thanks for acknowledging I'm a master in PF... – Kukeltje May 11 '18 at 22:23
  • Kukeltje was trying to help but you are convinced using `!important` is the right way to override PF CSS... It almost never is. – Mitchell Brooks May 18 '18 at 18:45

0 Answers0