extjs显示grid网页线

来源：互联网发布：怎样淘宝企业店铺编辑：程序博客网时间：2024/06/04 18:18

这应该是个常识，对于样式没学好的我，还是记录下来吧

不知道是电脑问题还是人品问题，同样的一段样式设置，在我和同事的电脑上竟然显示不同的界面

我的电脑是正常的^_^ （代码如下：）

<style type="text/css">.gui_title {float:left;width:100%;background-color:#DFE8F6;font-family:arial,sans-serif,tahoma,verdana,arial;font-size:16px;font-weight:bold;height:22px;padding-top:4px;}/* Override standard grid styles (add colour to vertical grid lines) */ .x-grid3-col {    border-left:  1px solid #EEEEEE;    border-right: 0px solid #D2D2D2;}    /* Also remove padding from table data (to compensate for added grid lines) */.x-grid3-row td, .x-grid3-summary-row td {    padding-left: 0px;    padding-right: 0px;}</style>

在同事的电脑上界面出现了错位！经过反复修改，把border-right：所对应的颜色改为#ffffff就ok了，修改后代码如下：

<style type="text/css">.gui_title {float:left;width:100%;background-color:#DFE8F6;font-family:arial,sans-serif,tahoma,verdana,arial;font-size:16px;font-weight:bold;height:22px;padding-top:4px;}/* Override standard grid styles (add colour to vertical grid lines) */ .x-grid3-col {    border-left:  1px solid #EEEEEE;    border-right: 1px solid #FFFFFF;}    /* Also remove padding from table data (to compensate for added grid lines) */.x-grid3-row td, .x-grid3-summary-row td {    padding-left: 0px;    padding-right: 0px;}</style>