Применение StyleClass для ввода текста

Question

Я пытаюсь применить стиль к моему входному тексту, но я не могу это сделать.

<h:form id="SearchPageForm"> 
    <br /> 

    &nbsp;&nbsp;&nbsp;&nbsp;<p:outputLabel>Search: </p:outputLabel> 
    <p:inputText id="search" styleClass="text-input" size="123" 
     value="${SearchController.employeeBO.employeeID}" /> 

    &nbsp;<h:commandButton value="submit" image="images/search.png" 
     style="vertical-align: top;" action="#{SearchController.searchOnId}" /> 
    <br /> 
    <br /> 

Это мой HTML и CSS мой говорит

.text-input{ 
background-color:#fbfbfb; 
border:solid 50px #000000; 
margin-bottom:8px; 
width:750px; 
padding:8px 5px; 
color:#797979; 

}

Я сделал осмотр на форме и я вижу, что по-прежнему называя CSS по умолчанию primefaces.

<input id="SearchPageForm:search" name="SearchPageForm:search" type="text" size="123" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all text-input" role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="false"> 

Я хочу увеличить размер формы поиска до 750px.

Я новичок в CSS и HTML, так, возможно, что-то пропустил.

С уважением

Answer 1

Для отладки свойств CSS вы можете использовать функцию «проверить элемент», что все браузеры, и поэтому вы можете увидеть, если свойства CSS в настоящее время aplied.