현재 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;
}
은 이미 시도 주어진했고 그것은 작동하지 않았다, 그래서 난 그냥 t에 대해 잘못 가정 모자. 이 테이블의 테두리 스타일은 다른 것에서 오는 것이어야합니다. 정확히 어떤 스타일링을 결정할 수 있습니까? –
예, FireFox의 오브젝트 검사 기능을 사용하여 CSS 스타일이 상속 된 클래스를 표시합니다. –
방금 "경계선"이 실제로 셀 간격 때문에 백그라운드 div로 표시되었음을 알았습니다. 내가 먼저 가서 대답을 받아 들일 것이다. 감사! –