byzhangxinxufromhttps://www.zhangxinxu.com/wordpress/?p=11503本文可全文转载,独立域名个人网站无需授权,但需要保留原作者、出处以及文中链接,任何网站均可摘要聚合,商用请联系授权。一、hr元素与下拉分隔线在过去,下拉元素的子元素,只能是和(下拉选项分组)元素。而现在,又多支持了一个元素,为元素。可以在下拉选项中创建分隔线。例如:选项1.1选项1.2选项2.1选项2.2实时渲染效果如下:选项1.1选项1.2选项2.1选项2.2下图是我电脑上的截图效果:我试试看这个hr样式能不能自定义。结果,和option元素一样,是无法自定义的,sad 😔。二、一些细节知识首先,hr元素可以不闭合。其次,如果元素需要设置分隔效果,那么祖先元素不能是元素,因为可能会有渲染问题。例如下面这样的HTML代码:选项1.1选项1.2选项2.1选项2.2在Chrome 129下,元素会中断元素,变成下图所示的效果:不过Chrome在版本131之后修复了这个渲染bug,不过用户不一定实时升级Chrome浏览器,因此,还是避免p > hr的标签组合。兼容性最先开始支持的是Chrome浏览器,时间应该是去年年底,caniuse上的截图:Safari支持最晚,今年3月份才开始支持。为什么都是棕黄色,而非绿色呢,是因为可访问性这块还没怎么支持。二、LuLu UI中
...
继续阅读
(40)