样式没有全部生效

南宁数核 · 发表于 2014-8-1 16:37:25

本帖最后由 jack 于 2014-8-15 18:22 编辑

把下面的样式和表格分别放到样式库和表单设计器里，在前台显示时，有些样式没有生效

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
BODY {
SCROLLBAR-HIGHLIGHT-COLOR: buttonface;
SCROLLBAR-SHADOW-COLOR: buttonface;
SCROLLBAR-3DLIGHT-COLOR: buttonhighlight;
SCROLLBAR-TRACK-COLOR: #EEEEEE;
SCROLLBAR-DARKSHADOW-COLOR: buttonshadow;
FONT-SIZE: 12px;
background:#ced7f7;
FONT-FAMILY: "宋体", "Verdana", "Arial";
}
TD {
FONT-SIZE: 12px;
}
INPUT {
BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
TEXTAREA {
BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
SELECT {
BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
SPAN {
FONT-SIZE: 12px; POSITION: static
}
.button {
font: bold 11px tahoma,verdana,arial,helvetica,sans-serif;
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
a:hover  { color:#428EFF;text-decoration:underline; }
A.highlight:link {
COLOR: red; TEXT-DECORATION: none
}
A.highlight:visited {
COLOR: red; TEXT-DECORATION: none
}
A.highlight:hover {
COLOR: red
}
A.thisclass:link {
FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.thisclass:visited {
FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.thisclass:hover {
FONT-WEIGHT: bold
}
A.navlink:link {
COLOR: #000000; TEXT-DECORATION: none
}
A.navlink:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A.navlink:hover {
COLOR: #003399; TEXT-DECORATION: none
}
.twidth {
WIDTH: 760px
}
.content {
FONT-SIZE: 14px; MARGIN: 5px 20px; LINE-HEIGHT: 140%; FONT-FAMILY: Tahoma,宋体
}
.aTitle {
FONT-WEIGHT: bold; FONT-SIZE: 15px
}
TD.forumHeaderBackgroundAlternate {
BACKGROUND-IMAGE: url(admin_top_bg.gif); COLOR: #000000; BACKGROUND-COLOR: #799ae1
}
#TableTitleLink A:link {
COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:visited {
COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:active {
COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:hover {
COLOR: #ffffff; TEXT-DECORATION: underline
}
TH {
FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(admin_bg_1.gif); COLOR: white; BACKGROUND-COLOR: #4455aa
}
TD.bodytitle {
BACKGROUND-IMAGE: url(admin_bg_2.gif)
}
TD.bodytitle1 {
BACKGROUND-IMAGE: url(admin_bg_3.gif)
}
TD.tablebody1 {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #bebbdb; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
TD.forumRow {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #F1F3F5; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
TD.forumRowHighlight {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #E4EDF9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.tableBorder {
BORDER-RIGHT: #183789 1px solid; BORDER-TOP: #183789 1px solid; BORDER-LEFT: #183789 1px solid; BORDER-BOTTOM: #183789 1px solid; BACKGROUND-COLOR: #ffffff
}
.tableBorder1 {WIDTH: 98%; }
.helplink {
FONT: 10px verdana,arial,helvetica,sans-serif; CURSOR: help; TEXT-DECORATION: none
}
.copyright {
font: 11px verdana,arial,Tahoma;font-weight:bolder ;COLOR:#C0CAD1; PADDING-TOP: 1px;
}
.copyright1 {
PADDING-RIGHT: 1px; BORDER-TOP: #6595d6 1px dashed; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; FONT: 11px verdana,arial,helvetica,sans-serif; COLOR: #4455aa; PADDING-TOP: 1px; TEXT-DECORATION: none
}
.tablefoot {
font: 11px tahoma,verdana,arial,helvetica,sans-serif;
color: #001F30;
border: outset 1px;
background-color: #DEE0E2;
}
.tdfoot{
font: 11px verdana,arial,Tahoma; ;
color: #001F30;
}
area {
cursor: hand;
color: #CCCC00;
text-decoration: blink;
background-color: #999900;
filter: Gray;
}
</style>
</head>

<body>
<table border="0" cellSpacing="1" cellPadding="1" width="63%" align="center" >
<tbody>
      <tr>
         <th height="25" colSpan="2"><b>编辑库名信息</b></th>
      </tr>
      <tr>
         <td class="forumRow" height="20" align="center">库名</td>
         <td class="forumRow"> </td>
      </tr>
      <tr>
         <td class="forumRow" height="22" align="center">类别</td>
         <td class="forumRow"> </td>
      </tr>
      <tr>
         <td class="forumRow" height="80" align="center">描述</td>
         <td class="forumRow"> </td>
      </tr>
      <tr>
         <td class="forumRow" height="24" width="24%" align="center">管理员</td>
         <td class="forumRow" width="76%"> </td>
      </tr>
      <tr bgColor="#f7fbff">
         <td height="31" colSpan="2" align="center"><img src="../Images/ack.gif" width="56" height="27" onClick="check()" style="cursor: hand" />   <a onClick="document.form.reset()" href="#"><img border="0" src="../Images/rewrite.gif" width="59" height="27" /></a></td>
      </tr>
</tbody>
</table>

</body>
</html>

jack · 发表于 2014-8-1 17:20:35

回复 1# 南宁数核

因为表单中有自带的样式，而您写的部分样式的优先级较低。您可以用浏览器的调试工具看一下哪些样式没有生效，对应提交这些样式的优先级。
CSS优先级的知识您可以百度一下。

		自动登录	找回密码
密码			注册成为天翎用户

[其他] 样式没有全部生效