Question

css：二级菜单样式问题

按照你的解答，我的问题解决了，利用js把含有ul的li样式添加了背景图片“三角块”，非常感谢你的帮助！ 我有个新的问题想请教，问题一：也是这个二级菜单，a:link的样式怎么加上去呢？在鼠标点上去时那个三角块变成白色，怎么实现啊？

问题二：select样式，怎么给select添加样式呢？百度到代码如下，添加上去以后，样式是出来了，但是不太好使，鼠标第一次点击三角块后，得再点击一下别的地方，才能再次吧下拉框点击出来。而且默认值没有显示；下拉框的样式（高度不够）没出来，如上图。
css代码：
.selOuter{position:relative;width:69px;height:40px;background:url(../images/row-select.jpg); display:inline-block;}
.selOuter select{top:0px;left:0px;position:absolute;width:69px;height:40px;opacity:0;}
html部分：
<div class="row"> <a href="javascript:void(0)" class="selOuter"><select class="sel"><option >01月</option><option>02月</option></select></a> <a href="javascript:void(0)" class="selOuter"><select class="sel"><option >01日</option></select></a> </div>
期待您的解答 O(∩_∩)O~





Answer 1

我帮你看一看，稍等！！

看到你的问题了，以后直接向我提问就可以了。

问题一：也是这个二级菜单，a:link的样式怎么加上去呢？

不是link，而是a:hover把：

a:hover{ color:#fff; background: url();  }//和之前那个一样设置，就是颜色不一样

问题二：select样式，怎么给select添加样式呢？

select样式不好加啊。要么你就自己写一个下拉列表，不用原生的。

追答

你好解决了吗

追问

很感谢您的热心回答！我的问题还没太整明白， 问题一：是我问错了，确实是a:hover的样式，a:hover{ color:#fff; background: url();  }这句话是加在js里面吧，加在哪个位置呢？

图片这个是你给我的js代码，我添加了位置和no-repeat，不知道格式对不，但是好用。

问题二：我不会写下拉列表啊，还得劳驾您多多指教呃 多谢多谢O(∩_∩)O~

追答

就是如果你原来的是a{}的话就在a{}下面再加一个a:hover{}

追问

这个菜单的a:hover样式不是一致的，带有二级菜单的一级菜单，a:link和a:hover时候有三角形，没有二级菜单的只有背景色不带三角形。通过您给我的js代码，把a：link的样式加上去了。a:hover的样式如果在css里的a：hover里面写，那么没有二级菜单的一级菜单也会加上这个样式，不是想要的。有点墨迹哈

追答

太墨迹了。。。没听懂，，加个联----系的方式把。。。

追问

1968599905 我的扣扣号。给你添麻烦咧~~