发表于： 2021-04-08 20:55:40
1 1068
今天完成的事情：任务十提交，总结，深度思考
明天计划的事情：了解sass的使用和学习sass语法，进行任务十一。
遇到的问题：sass不理解，使用还不会。
收获-深度思考：
改变默认选项按钮（radio）和下拉框选项（select）的样式：
选项按钮（radio）和下拉框选项（select），因在不同浏览器的其样式都大不相同，改变它们默认样式，来实现网页选项按钮和下拉框选项在不同浏览器一样的样式。
选项按钮（radio）：首先，将默认选项按钮隐藏，使用到了显示方式属性-无（display：none）将其隐藏。
接着，自己写了想要的选项按扭样式使用位置属性-绝对定位（position: absolute），将想要的样式定位到之前默认选项按妞的位置上（默认按妞被隐藏并且不占据位置，自己的选项按妞使用的是绝对定位也不会占据位置）。
最后，使用伪类元素-选中属性（：checked），来实展现点击选项时，样式的展现和变化。代码如下：
所有选项按妞默认样式隐藏：
自己的样式：（按妞点击时的样式为蓝色，未点击时被隐藏。按妞边框灰色，始终处于展现状态。）
下拉框选项（select）：将原有的下拉框选项的默认样式隐藏（display：none），点击选项时下拉框样式也隐藏。
从新定义下拉框选项样式及颜色，样式图引进和下拉框背景颜色，如下：
返回列表
评论