所以我试着用RGBA值设置一个:before元素的边框颜色。这在我想要的所有浏览器包括IE上都有效。但是如果我缩小CSS,IE会呈现没有颜色的边框。
代码:
border-color: rgba(69,130,128,0.9) rgba(69,130,128,0.9) rgba(69,130,128,0.9) transparent;
缩小时:
border-color:rgba(69,130,128,0.9)rgba(69,130,128,0.9)rgba(69,130,128,0.9)transparent;
解决这个问题的方法是独立设置每个边框(边框顶部颜色,边框底部颜色,等等......)然而,我想确保没有一种方法可以使缩小后的css正确工作,因为我更喜欢写一个语句而不是每个位置一个。
下面是一个JS小提琴,其中down状态不工作(缩小),悬停状态为. http://jsfiddle.net/6uDn7/2/
1条答案
按热度按时间xtupzzrd1#
如果你想减肥,请考虑以下几点:
border-color
andborder-left-color
= 65 characters我想指出的是,缩小(删除白色)并不总是削减代码量的最佳方法,你牺牲了可读性,经常只运行几个字节,而你通常可以保存更多的字节,甚至可以通过使用速记属性和删除冗余来提高代码的可读性。