黑马程序员技术交流社区

标题: html里面css样式的border问题 [打印本页]

---

作者: 大虾挂了    时间: 2013-11-7 23:40
标题: html里面css样式的border问题


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究竟发生什么了？

---

作者: hourglass    时间: 2013-11-7 23:54
你是在什么浏览器的哪个版本里面显示的？
我在IE10、firefox、chrome、safair、opera中都能达到你预想中的结果（两条边框都是绿色）。
下面是代码和显示截图(chrome)：

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

---

作者: 大虾挂了    时间: 2013-11-9 16:36

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

恩，线宽确实没那个属性，我记错了，应该是thick，我用的是IE绿色浏览器。。。。叫这个名字。。。

---

作者: hourglass    时间: 2013-11-9 16:50

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

。。。这个浏览器我见过， 我现在还有那个系统的镜像， 本身很纯净的系统， 就是多了这么一个绿色浏览器。。。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2