A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 大虾挂了 中级黑马   /  2013-11-7 23:40  /  2518 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 大虾挂了 于 2013-11-14 22:09 编辑

border的解释大概是:border-style、border-color、border-width的速记标识(意思差不多,记不全了,手头没VS,我的理解就是border是那三个属性的简称,可以用border代替它们)。也就是说我想定义border-style:double;可以直接写为border:double;吧,
我这样写了,出现奇怪的问题。

对于一个input标签里的text
我设置以下样式:
color:blue;
border:double;
border-color:green;
border-width:maximum;
理论这个text的外框应该是绿色双线吧?可是为什么外框是蓝色双线呢?和字体的颜色是一样的。如果我把border:double改为border-style:double;结果就是绿色双线了。如果我把border:double;这句话干脆去掉,外框颜色也是正常的。这句border:double究竟发生什么了?

3 个回复

倒序浏览
你是在什么浏览器的哪个版本里面显示的?
我在IE10、firefox、chrome、safair、opera中都能达到你预想中的结果(两条边框都是绿色)。
下面是代码和显示截图(chrome):

还有一点就是, 那个border-width:maximum;属性是无效的

评分

参与人数 1技术分 +1 收起 理由
陈福军 + 1

查看全部评分

回复 使用道具 举报
hourglass 发表于 2013-11-7 23:54
你是在什么浏览器的哪个版本里面显示的?
我在IE10、firefox、chrome、safair、opera中都能达到你预想中的 ...

恩,线宽确实没那个属性,我记错了,应该是thick,我用的是IE绿色浏览器。。。。叫这个名字。。。
回复 使用道具 举报
大虾挂了 发表于 2013-11-9 16:36
恩,线宽确实没那个属性,我记错了,应该是thick,我用的是IE绿色浏览器。。。。叫这个名字。。。 ...

。。。这个浏览器我见过, 我现在还有那个系统的镜像, 本身很纯净的系统, 就是多了这么一个绿色浏览器。。。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马