CSS修改方法

1.在IE中,大部分情况下默认margin = 0px padding = 0px,但在Chrome中需要写明

在css.css文件开头加上(要加在最上面)

html,body,ul,ol,li,table,td,div,p,form{margin:0px; padding:0px;}

 

2.在Chrome中可能无法继承父容器的vertical属性(未验证)

在mainpage.aspx中,Ln68中加上style="vertical-align:top",改成如下所示:

<td style="vertical-align:top">

<!-- ================= 系统公告 界面展开/收缩 ============================ -->

<%=GPARTONE %>

</td>

 

3.在Chrome中不支持cursor:hand, 将所有的cursor:hand改为cursor:pointer, IE也支持这种写法。

 

4.在Chrome中不支持display:block, 将所有css文件中的display:block改为display:none, IE也支持这种写法,脚本中的display="block"也要修改。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        function show() {

            window.document.getElementById("divTest").style.display = "";

        }

 

        function hide() {

            window.document.getElementById("divTest").style.display = "none";

        }

    </script>

</head>

<body style="height:100%">

    <input type="button" onclick="javascript: show();" value="Show"/>

    <input type="button" onclick="javascript: hide();" value="Hide"/>

    <div id="divTest" style="width:200px;height:200px;background-color:red;"></div>

</body>

</html>

 

5. 在css.css文件中, Ln48, input的样式后加上image的样式

input
{
  background-color:#f0f0f0; font-size:9pt;
  border-width:1px;
  border-color:Gray;
  /* height: 23px;*/
}

input[type="image"]
{
  border:0px none;
}

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。