这里我想问为什么我之前设置的默认无边框，通过mouseover触发后添加边框的效果无法实现？

同学你好，问题解答如下：

作业中，下拉框的默认样式是1px的橙色边框，高度为0；所以鼠标未移入时，该元素在页面上是一条橙色的线，如下:

作业要求，鼠标未移入时，该下拉框不显示，所以老师将边框颜色设置成了透明。设置成透明之后，该元素会因为白色背景色依旧能看到，如下：

所以可以将其背景色也设置为透明，这样下拉框整体就看不到了。鼠标移入时，再将边框颜色和背景色设置回来就可以了。

同学所说的设置默认无边框，鼠标移入后再显示边框，也是可以的，如下：

只是效果不好看，存在以下问题：

1. 边框会影响元素整体大小，所以鼠标移入时，下拉框宽度会变大，效果上能看到元素尺寸变化。

2. 鼠标移出时，边框立刻就消失了，而此时下拉框高度在渐变为0，整体效果不好看。

所以可以设置元素开始就有边框（保持元素尺寸不变），鼠标移出时改变边框颜色（边框和高度一起渐变消失）。

祝学习愉快！