semantic ui 默认的下拉菜单选中的样式以及鼠标一上去的样式透明度太大,不仔细看都看不清楚,所以需要修改下这个默认样式。
.ui.dropdown .menu > .item:hover
{
background:rgba(255, 0, 0, 0.43)none repeat scroll 0% 0% !important;
}
.ui.dropdown .menu .selected.item,.ui.dropdown.selected
{
background:rgba(255, 0, 0, 0.43)none repeat scroll 0% 0% !important;
}
rgba括号里面的第4个数值是透明度,这个值越大,就表示越不透明。最大的值为1.
修改之后的下拉菜单的样式就变成这样了。