경험이 많은 기본 CSS가있어서 Primefaces에 의해 설정된 스타일 CSS를 어떻게 제거 할 수 있습니까? CSS를 오버라이드하는 방법
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
box-shadow: 0 2px 2px #74B2E2 inset;
}
box-shadow을 다시 내 자신의 스타일 시트 myCustomStyle.css에게
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
box-shadow: ?????? (How can I override the styling)
}
감사
사용 box-shadow:none를 만들었습니다.
box-shadow 속성에 대한 자세한 내용은 this source을 참조하십시오. 모든 속성은 동일한 속성을 정의하고 기본값을 사용하여 "재설정"할 수 있습니다.
myCustomStyle.css이 Primefaces의 CSS 파일을 덮어 쓰려면 primefaces 파일 뒤에 사용자 정의 파일 을 포함시켜야합니다.
마지막 리조트 : 사용자 정의 스타일이 적용되지 않는 경우 선언 (그러나 세미콜론 전) 이후 !important을 추가, box-shadow: none !important
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
box-shadow: none;
}
우선 순위의 모든 문제가 여기에 너무있다하지만 스타일 시트가 다른 시트 뒤에 삽입되면 정상적으로 작동합니다. 그렇지 않은 경우 none 다음에 !important을 추가하십시오.
도움 주셔서 감사합니다. Nathan! –
Primefaces 프레임 워크가 jQuery UI ThemeRoller을 사용하여 미리 작성된 테마를 사용한다고 추가하고 싶습니다.
ThemeRoller를 사용하여 새 테마를 만들거나 원하는대로 기존 테마를 수정할 수 있습니다.
감사합니다.이 포인터를 보관하겠습니다. –
** primefaces 테마 CSS는 어디에서? ** 나는 내 맞춤 스타일을 찾으려면 알아야합니다. 감사합니다 – merveotesi
[PrimeFaces documentation] (http://www.primefaces.org/documentation.html)의 [User 's Guide] (http://primefaces.googlecode.com/files/primefaces_users_guide_3_0_RC2.pdf)에 따라 414 페이지 , CSS 파일은 JAR 파일의'/ META-INF/resources//theme.css'에 있어야합니다. 이 코멘트에 연결된 PDF 파일 (12Mb)을보십시오. –
미안하지만 분명하지 않았습니다. 내가 물어보고 싶은 것은 theme.css의 장소가 아니다. 프로젝트의 코드에 어떤 줄이 포함되어 있는가? <링크 스타일 시트 등> 어디에서 프로젝트를 찾았는지 찾을 수 없다. – merveotesi