2012-08-04 3 views
1

현재 Google 결제 소프트웨어 용 애드온 모듈을 작성 중입니다. 요소를 사용할 때 모듈은 템플릿의 CSS를 자동으로 상속합니다. 예를 들어, 테이블에 "데이터 테이블"요소를 사용하고 사용자가 현재 어떤 템플릿을 사용하고 있는지에 따라 CSS 스타일을 상속합니다.PHP에서 CSS 스타일 덮어 쓰기 Page

"datatable"요소의 내부 테두리를 숨기고 태그를 사용하여 모든 CSS를 모듈 코드에 넣으려고합니다. 어떻게 할 수 있는지 잘 모르겠지만, 여기서는 결제 소프트웨어의 템플릿 style.css 파일에서 CSS가 어떻게 생겼는지 보여줍니다.

table.form { 
    border: 1px solid #B8CBE7; 
    background-color: #fff; 
    padding: 0px; 
} 
table.form td.fieldlabel { 
    text-align: right; 
    font-weight: bold; 
    padding: 5px; 
    background-color: #E4ECF8; 
} 
table.form td.fieldarea { 
    text-align: left; 
    padding: 5px; 
    border-bottom: 1px dashed #ccc; 
} 
.tablebg { 
    background-color: #e9e9e9; 
} 
table.datatable { 
    padding: 0; 
    margin: 0; 
} 
table.datatable th { 
    background-color: #f3f3f3; 
    font-weight: bold; 
    text-align: center; 
} 
table.datatable td { 
    background-color: #fff; 
    text-align: center; 
} 
table.datatable tr.rowhighlight td { 
    background-color: #EFF2F9; 
} 
table.datatable tr:hover td { 
    background-color: #EFF2F9; 
} 

답변

2

당신은 다시 같은 데이터 테이블 클래스를 정의하고 방금 확인해야합니다 그것을 0으로 경계의 설정 수있는이 새로운 CSS 정의는 실제 하나

table.datatable { 
border: 0px; 
} 
+0

은 이미 시도 주어진했고 그것은 작동하지 않았다, 그래서 난 그냥 t에 대해 잘못 가정 모자. 이 테이블의 테두리 스타일은 다른 것에서 오는 것이어야합니다. 정확히 어떤 스타일링을 결정할 수 있습니까? –

+0

예, FireFox의 오브젝트 검사 기능을 사용하여 CSS 스타일이 상속 된 클래스를 표시합니다. –

+0

방금 ​​"경계선"이 실제로 셀 간격 때문에 백그라운드 div로 표시되었음을 알았습니다. 내가 먼저 가서 대답을 받아 들일 것이다. 감사! –

0

이 줄을 추가하려고 후에 온다 CSS 스타일 시트에서 :

.datatable{ border: 0 !important; }

관련 문제