Html 我希望我的下拉子项中有箭头图标，并更改选项卡的背景颜色

请告诉我简单的方法 我想在下拉菜单的所有父/子菜单中添加暂停/播放图标。 另外，如何更改标签的背景颜色

#导航{
浮动：左；
字体：14px calibri，Helvetica，无衬线；
边框：1px实心#121314；
边框顶部：1px实心#2b2e30；
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：5px；
溢出：可见；
线高：7px；
}
#导航ul{
保证金：0；
填充：0；
列表样式：无；
}
#李国荣{
浮动：左；
}
#海军ulli a{
浮动：左；
颜色：#D4；
填充：8px 20px；/*更改整个菜单的高度*/
文字装饰：无；
背景#3C4042；
背景：-webkit渐变（线性，左下，左上，颜色停止（0.09，rgb（59,63,65）），颜色停止（0.55，rgb（72,76,77）），颜色停止（0.78，rgb（75,77,77））；
背景：moz线性梯度（中底，rgb（59,63,65）9%，rgb（72,76,77）55%，rgb（75,77,77）78%）；
背景：-o-线性梯度（中底，rgb（59,63,65）9%，rgb（72,76,77）55%，rgb（75,77,77）78%）；
框阴影：0 1px 0 rgba（255，255，255，0.1）插入，0 0 5px rgba（0，0，0.1）插入；
左边框：1px实心rgba（255,255,255,0.05）；
右边框：1px实心rgba（0,0,0,0.2）；
文本阴影：0-1px1pRGBA（0,0,0,0.6）；
}
#导航李a：悬停，
#导航ulli：悬停>a{
颜色：#FFF；/*更改选项卡字体悬停颜色*/
背景#3C4042；
背景：-webkit渐变（线性，左下，左上，颜色停止（0.09，rgb（77,79,79）），颜色停止（0.55，rgb（67,70,71）），颜色停止（0.78，rgb（69,70,71））；
背景：moz线性梯度（中底，rgb（77,79,79）9%，rgb（67,70,71）55%，rgb（69,70,71）78%）；
背景：-o-线性梯度（中底，rgb（77,79,79）9%，rgb（67,70,71）55%，rgb（69,70,71）78%）；
文本阴影：0 1px 0 rgba（255，255，255，0.2），0-1px#000；
}
#导航：悬停，
#导航ul li:悬停>a{
颜色：#FFF；/*更改下拉式字体颜色*/
背景：#5C9ACD；
背景：-webkit渐变（线性，左下，左上，颜色停止（0.17，rgb（6111177）），颜色停止（0.51，rgb（80136199）），颜色停止（1，rgb（92154205））；
背景：莫兹线性梯度（中底，rgb（6111177）17%，rgb（80136199）51%，rgb（92154205）100%）；
背景：-o-线性梯度（中底，rgb（6111177）17%，rgb（80136199）51%，rgb（92154205）100%）；
边框底部：1px实心rgba（0,0,0,0.6）；
边框顶部：1px实心#7BAED9；
文本阴影：0 1px rgba（255,255,255,0.3）；
}
#纳夫利乌尔{
溢出：可见；
背景#3C4042；
背景图像：-webkit渐变（线性、左下、左上、颜色停止（0.09，rgb（77,79,79））、颜色停止（0.55，rgb（67,70,71））、颜色停止（0.78，rgb（69,70,71））；
背景图像：-莫兹线性梯度（中底，rgb（77,79,79）9%，rgb（67,70,71）55%，rgb（69,70,71）78%）；
背景图像：-o-线性梯度（中底，rgb（77,79,79）9%，rgb（67,70,71）55%，rgb（69,70,71）78%）；
边界半径：0 10px 10px；
-moz边界半径：0 10px 10px；
-webkit边界半径：0 10px 10px；
左：-999em；
边距：32px 0；/*更改下拉菜单的位置，向上和向下*/
位置：绝对位置；
宽度：160px；
z指数：9999；
盒影：0.15px rgba（0,0,0,0.4）插入；
-moz盒阴影：0 15px rgba（0,0,0,0.4）插入；
-webkit盒阴影：0 15px rgba（0,0,0,0.4）插入；
边框：1px实心rgba（0,0,0,0.5）；
}
#李海军：悬停{
左：自动；
}
#纳夫利乌拉酒店{
背景：无；
边界：0无；
右边距：0；
宽度：120px；
盒影：无；
-莫兹盒阴影：无；
-webkit盒阴影：无；
边框底部：1px实心透明；
边框顶部：1px实心透明；
}
#李莉{
利润率：-1px0160px；
-webkit边界半径：0 10px 10px 10px；
-moz边界半径：0 10px 10px 10px；
边界半径：0 10px 10px 10px；
可见性：隐藏；
}
#导航李：悬停>ul{
能见度：可见；
}
#导航李：悬停>ul{
左：自动；
}
#nav ul li:最后一个孩子>a{
-moz边界半径：0 10px 10px；
-webkit边界半径：0 10px 10px；
边界半径：0 10px 10px；
}
#nav ul li:第一个孩子>a{
-moz边界半径：0 10px 0 0；
-webkit边界半径：0 10px 0 0；
边界半径：0 10px 0 0；
}

您想要这样的吗

我刚刚添加了

►

到下拉列表，并将

#nav li ul

的边距固定到

23px

。也许这只是一个小问题。如果是的话，那就不介意换了

#导航{
浮动：左；
字体：14px calibri，Helvetica，无衬线；
边框：1px实心#121314；
边框顶部：1px实心#2b2e30；
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：5px；
溢出：可见；
线高：7px；
}
#导航ul{
保证金：0；
填充：0；
列表样式：无；
}
#李国荣{
浮动：左；
}
#海军ulli a{
浮动：左；
颜色：#D4；
填充：8px 20px；/*更改整个菜单的高度*/
文字装饰：无；
背景#3C4042；
背景：-webkit渐变（线性，左下，左上，颜色停止（0.09，rgb（59,63,65）），颜色停止（0.55，rgb（72,76,77）），颜色停止（0.78，rgb（75,77,77））；
背景：moz线性梯度（中底，rgb（59,63,65）9%，rgb（72,76,77）55%，rgb（75,77,77）78%）；
背景：-o-线性梯度（中底，rgb（59,63,65）9%，rgb（72,76,77）55%，rgb（75,77,77）78%）；
长方体阴影：0 1px 0 rgba
► 

  

<li><a href="#">Level 2.3.3 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#9658;</a>