您的位置:首页 > 产品设计 > UI/UE

修改semantic ui 下拉菜单的选中样式以及鼠标移上去的样式

2016-01-04 14:13 901 查看
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.
修改之后的下拉菜单的样式就变成这样了。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: