2013-11-14 3 views
0

У меня есть Тринидад <tr:table>:Откуда взялся стиль CSS <tr:table>?

<tr:table id="searchTable1" value="#{bean.model.xlist}" var="arg" rows="10" 
    rowBandingInterval="1" varStatus="row" emptyText="#{xyzbundle.nofnd}"> 

я не указал какой-либо атрибут, связанный CSS стиль, однако он генерирует CSS стиле HTML таблицы. Откуда этот CSS?

+0

без указания атрибута cssStyle, как стиль будет применяться для таблицы.? –

+0

Пожалуйста, ознакомьтесь с http://www.cssbasics.com/introduction-to-css/. Существуют другие способы, чем атрибут JSF 'cssStyle' для элементов стиля. – reto

+0

<тр: идентификатор таблицы = "searchTable1" \t \t \t \t \t \t значение = "# {bean.model.xlist}" строки = "10" \t \t \t \t \t \t rowBandingInterval = "1" переменная = "Arg "varStatus =" строка» \t \t \t \t \t \t emptyText = "# {xyzbundle.nofnd}"> –

ответ

0

Инструмент, такой как Firebug, поможет вам найти файл css, определяющий стиль. Возможно также, что стиль определяется в заголовке текущей страницы.

Эти две обучающие программы должны помочь вам начать работу:

В качестве альтернативы developer tools of Chrome и Internet Explorer будет предоставлять аналогичные инструменты для проверки CSS.

+0

Thank u Reto. Есть ли другой способ найти. поскольку у нас нет доступа для добавления плагина в мою машину. –

+0

Ну, тогда вам придется пройти через встроенные стили, определенные в заголовке, а также все включенные css-файлы вручную и найти строки, соответствующие тегу 'tr', который вы ищете. – reto

0

Вы можете создавать стили, которые применяются к конкретным тегов внутри тега с идентификатором типа:

#formID:searchTable1 tr { 
    background: red; 
} 

Это изменяет фон во всех ваших т.р. тегов внутри элемента с идентификатором = searchTable1 красным.

Обратите внимание, что идентификатор по умолчанию, полученный от jsf, строится из идентификатора, указанного в h:form, и идентификатора из тега.

1

Прежде всего прочитайте руководство по Тринидаде скининга: Trinidad Skinning

В вашем skinfile вы наши правила можно установить несколько селекторов, как:

af|table 
{ 
background-color: #F5F5DC; 
border-bottom: 1px solid #999999; 
border-top: 1px solid #999999; 
border-right: 1px solid #999999; 
} 

и многие другие.

Смежные вопросы