我正在使用jsf,并且正在使用h:selectOneMenu
标签。当前在网站上,它的显示方式如下:
selectOneMenu
但是我想更改箭头的结尾。它应该是红色并且没有背景。我尝试了很多事情,例如使用溢出属性或将选择项的背景更改为我想要的下拉箭头。更改元素的颜色也会影响其中的书写。由于某些原因,将selectOneMenu放入div
并为其添加以下样式可以正常工作:
.epSelect {
width: 240px;
overflow: hidden;
background: url(..arrowdown_red.png) no-repeat right #FAFAFA;
border: 1px solid #CDCDCD;
color: #333333;
height: 27px; }
.epSelect select {
background: transparent;
width: 257px;
height: 27px;
padding-top: 5px;
font-size: 12px;
border: 0;
border-radius: 0;
-webkit-appearance: none;
padding-left: 3%;
cursor: pointer;
}
“ epSelect”的原因是将beeing作为类添加到div
有人知道仅可更改箭头颜色的特定css元素吗?
在标准html select
标记中,它将由label:after
属性解决,如此处所示:http://cssdeck.com/labs/styling-select-box-with-css3
非常感谢您的帮助。
答案 0 :(得分:1)
简单地说,JSF在这一部分中只是一个html生成器,在其中它会生成纯HTML选择/下拉列表。实际上,您的问题是“如何更改html选择的图标”。
因此,请查看以下Stackoverflow Q / A以获得答案